MVC Html幫助程序或部分視圖可重複使用的按鈕

我有一個按鈕類型，設計與引導類，我想這樣做可重用。MVC Html幫助程序或部分視圖可重複使用的按鈕

我的編輯按鈕

 <a href="@Url.Action("Edit", new {id = item.Id})" class="btn btn-warning btn-sm"> 
      <i class="glyphicon glyphicon-pencil"></i> 
     </a>

我的刪除按鈕

 <a href="@Url.Action("Delete", new {id = item.Id})" class="btn btn-danger btn-sm"> 
      <i class="glyphicon glyphicon-trash"></i> 
     </a>

我怎樣才能做到這一點的格式重用。部分或HtmlHelpers？有沒有樣品？

來源

2016-03-04 barteloma

無論哪種方式將工作 –

正如@斯蒂芬建議您可以同時使用，可以使用下面的代碼

namespace System.Web.Mvc 
{ 

public static class CustomHtmlHelpers 
{ 

    public static MvcHtmlString BootStarpDeleteHelper(this HtmlHelper htmlHelper, string action) 
    { 
     StringBuilder sb = new StringBuilder(); 
     sb.Append("<a href=" + action + " class='btn btn-danger btn-sm'>"); 
     sb.Append("<i class='glyphicon glyphicon-trash'></i>"); 
     sb.Append("</a>"); 
     return MvcHtmlString.Create(sb.ToString()); 
    } 

}

}

在主視圖中創建一個HTML Helpers可以調用HTML輔助這樣

@Html.BootStarpDeleteHelper("#");

否則，您也可以在共享文件夾中創建局部視圖並使用名稱創建一個新的局部視圖_BootStarpDelete

視圖這個樣子的

@{ 
    Layout = null; 
} 
<a href="@Url.Action("Delete", new {id = item.Id})" class="btn btn-danger btn-sm"> 
    <i class="glyphicon glyphicon-trash"></i> 
</a>

在主視圖中，可以呈現這樣

@Html.RenderPartial("_BootStarpDelete")

希望以上解釋可以幫助你。如果你想有一個單一的html helper兩個edit和delete你需要通過classes作爲參數。如果相同，如果你想要做partial view的方式，那麼你必須通過一個model與適當的價值，如action and classes

來源

2016-03-04 08:55:42 shu

MVC Html幫助程序或部分視圖可重複使用的按鈕

回答

相關問題