自訂 Html Helper - 利用擴充方法去擴充 Html 輔助方法

 

Html helper如@Html.ActionLink()之類的都很好用，

其實Html helper就像 template 一樣，呼叫Html helper並傳入所需參數，

Html helper就會幫你產生出各式各樣的 html 元素出來，非常方便，

那如何新增 Html 擴充方法呢？流程如下，例如我們要新增一個自動產生紅字方法

 

一、新增專門放「自訂Html helper」資料夾

名稱「Redparagraph.cs」為管理檔案所取的，在前端呼叫時並不會用到。

 

二、新增程式碼

using System.Web.Mvc;

namespace WebApplication1.Helpers
{
    public static class Redparagraph
    {
        public static MvcHtmlString RedP(this HtmlHelper helper, string word)
        {
            return MvcHtmlString.Create(string.Format("<p style='color:red;'>{0}</p>", word));
        }
    }
}

 

三、於前端頁面引入客制化的 Html helper 命名空間並呼叫該擴充方法

@using WebApplication1.Helpers

@Html.RedP("Hello")

執行結果，成功

 

參考資料：

HtmlString Class

MvcHtmlString Class