ActionButton而不是ActionLink

10 浏览
0 Comments

ActionButton而不是ActionLink

我想创建一个按钮,点击后调用一个动作。我已经使用Html.ActionLink创建了一个链接,可以实现这个功能,但是没有Html.ActionButton。有其他方法吗?

0
0 Comments

这个问题的出现原因是ActionLink方法创建的是<a>标签,但问题需要的是<button>标签。解决方法是使用ActionButton方法来创建<button>标签。

文章如下:

这个问题似乎很简单 - 我错过了什么吗?

.ActionLink("About", "About","Home", new {  = "btn btn-success" })

很明显,这段代码依赖于btn / btn-success这两个css类(假设这是Bootstrap或类似的框架)。ActionLink方法创建的是<a>标签,但问题需要的是实际的<button>标签。所以,你错过了这一点。

为解决这个问题,可以使用ActionButton方法来创建<button>标签。

0
0 Comments

使用ActionButton代替ActionLink的原因是,ActionLink生成的是一个链接,而ActionButton生成的是一个按钮,按钮的样式更加符合Bootstrap的设计风格。在上述示例中,使用了Bootstrap的CSS按钮,并将其应用于链接,以使其看起来与按钮完全相同。为了满足Bootstrap的要求,还需要在属性中添加role="button"。

要解决这个问题,可以使用ActionButton方法而不是ActionLink方法来生成按钮样式的链接。下面是使用ActionButton方法来生成具有相同功能的按钮样式链接的示例代码:

@Html.ActionButton("Select", "Select", new { id = patient.Id }, new { @class = "btn btn-primary", @style = "color:white", @role = "button" })

通过这种方式,我们可以直接生成一个按钮样式的链接,而无需使用CSS来修改链接的样式。同时,设置role属性为"button"可以满足Bootstrap的要求,使生成的按钮样式链接符合Bootstrap的规范。

0