我的按钮模板 - C#、Razor、MVC 5.0

Question

当然，我已经给了他们一个类，我可以只从那个 css 类中设置它们的样式。但是上帝保佑我永远需要更改它们的 html...

我有 4 个按钮：

Create/Edit/Delete/View

目前他们是这样的：

<button class="btn btn-primary">Create</button>
<button class="btn btn-warning">Edit</button>
<button class="btn btn-success">View</button>
<button class="btn btn-danger">Delete</button>

我想我想要 4 个模板文件，甚至 8 个包含 4/8 不同 html 元素的模板文件......然后在我的 Razor 视图中使用一个函数来调用它们......通常的方法是什么?

我正在使用@Html.ActionLink 等...但我不想为此设置默认模板，因为它需要它是什么...但可能类似于 @Html.PostButton / @Html.ActionButton

PostButton 实际上是<button class="btn btn-primary">Create</button> ，ActionButton 是这样的模板：

<a href="Something/Create"><button class="btn btn-primary">Create</button></a>

Answer 1

我不确定你想要什么，但我仍然可以建议你关注

使用部分视图

您可以为您的自定义按钮创建部分视图并使用它们，这样每当您需要更改某些内容时，您可以在一个位置进行更改，它会反映在其他任何地方，即

@Html.Partial("_PrimaryButton")
@{ Html.RenderPartial("_AlertButton");  }

使用 HtmlHelpers

（推荐）。您实际上可以将自定义扩展添加到@Html，即类似于@Html.MyPrimaryButton("Name","OnClickEvent","Anything")

创建 HtmlHelper 扩展与任何典型的 c# 扩展完全相同，即

1. 创建静态类
2. 为其添加一个静态方法并将其第一个参数设为您要扩展的类（在本例中为 HtmlHelper），前缀为 this

3. 确保在视图中包含命名空间，您希望使用扩展，即

   @using MyNamespace;
   

所以一个典型的例子可以是：

public static class MyExtensions
{

    public static string MyButton(this HtmlHelper helper, string name, 
                              string actionName, string controllerName)
    {
        return @"<a href='/" + controllerName + "/" + actionName +
                 "' class='btn' >" +  name + "</a>";
    }     
}

阅读更多关于 MVC 自定义 Html Helpers here