asp.net-mvc - 我想知道如何使用 @Htmlhelper 将值传递给控制器,同时使用 Bootstrap 框架设计我的按钮
问题描述
这是我使用ActionLink
in进行的跳转@Htmlhelper
,但我的 Bootstrap 按钮设计结果如下:
@HTMLAction()
按钮代码是:
<button class="btn btn-success btn-icon-split">
<span class="icon text-white-50">
<i class="fas fa-edit"></i>
</span>
@Html.ActionLink("Edit", "EditForm", "Dashboard", new { id = Model.FormId })
</button>
当我使用<a>
标签跳转时,它会呈现这种效果:
HTML 标记是:
<button href="/Dashboard/EditForm" class="btn btn-success btn-icon-split">
<span class="icon text-white-50">
<i class="fas fa-edit"></i>
</span>
<span class="text" id="Edit">Edit</span>
</button>
虽然我Htmlhelper
习惯在跳跃时传递值,但无论如何我都无法达到这样的正常效果。
解决方案
尝试这个 :
<button href="/Dashboard/EditForm" class="btn btn-success btn-icon-split">
<span class="icon text-white-50">
<i class="fas fa-edit"></i>
</span>
<a class="text" href="@Html.ActionLink("Edit", "EditForm", "Dashboard", new { id = Model.FormId })" id="Edit">Edit</a>
</button>
推荐阅读
- ruby-on-rails - RSpec 和 Capybara:如何让 have_css 带有文本:忽略文本中的换行符
- javascript - 如何在 Node.js 中正确设置猫鼬方法 createConnection
- cypress - 如何使用赛普拉斯将元素移动到块中?
- node.js - 在 Node.js 中如何注意到缺少的功能?
- list - 在 XML 文件中保存游戏对象的数据时出现问题
- google-apps-script - 在没有 CORS 限制的情况下嵌入可编辑的 Google 表格
- javascript - 如何从不同的导出函数中使用 this.skip()
- python - python多进程无法获取属性
- android - firebase 中特定路径的 getkey()
- git - 从其他远程存储库克隆分支,以便我可以覆盖我自己的存储库