ASP.NET MVC自定义EditorFor模板：传递htmlAttributes问题求助

解决ASP.NET MVC EditorFor自定义模板传递额外HTML属性的问题 #

我来帮你搞定这个自定义模板无法接收外部HTML属性的问题！你的核心需求是在保留模板自带的数字过滤逻辑的同时，还能灵活传入额外的属性（比如class、placeholder、maxlength这些），对吧？

问题根源 #

你原来的模板里直接硬编码了new { @type="text", @oninput = "..."}，这会覆盖掉调用EditorFor时传入的任何HTML属性，因为模板没有去读取和合并这些外部参数。

修复后的Int32模板 #

把你的/Views/Shared/EditorTemplates/Int32.cshtml改成这样：

@model int?

@{
    // 读取调用EditorFor时传入的htmlAttributes，没有的话初始化空字典
    var htmlAttributes = ViewData["htmlAttributes"] as IDictionary<string, object> ?? new Dictionary<string, object>();
    
    // 加入模板的默认属性：如果外部没传，就用我们的规则；如果传了，就用外部的
    if (!htmlAttributes.ContainsKey("type"))
    {
        htmlAttributes.Add("type", "text");
    }
    if (!htmlAttributes.ContainsKey("oninput"))
    {
        htmlAttributes.Add("oninput", "this.value=this.value.replace(/[^0-9]/g,'')");
    }
}

@Html.TextBoxFor(model => model, htmlAttributes)
@Html.ValidationMessageFor(model => model) <!-- 加上验证提示，体验更好 -->

调用方式 #

现在你可以在页面里这样调用，轻松传入额外属性：

@Html.EditorFor(x => x.ExampleIntField, new { htmlAttributes = new { @class = "form-control", placeholder = "请输入整数", maxlength = "10" } })

同理实现decimal模板 #

对于decimal类型，只需要调整输入过滤的正则（允许小数点，且限制只能有一个），创建/Views/Shared/EditorTemplates/Decimal.cshtml：

@model decimal?

@{
    var htmlAttributes = ViewData["htmlAttributes"] as IDictionary<string, object> ?? new Dictionary<string, object>();
    
    if (!htmlAttributes.ContainsKey("type"))
    {
        htmlAttributes.Add("type", "text");
    }
    if (!htmlAttributes.ContainsKey("oninput"))
    {
        // 过滤非数字和小数点，同时确保只有一个小数点
        htmlAttributes.Add("oninput", "this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\\..*)\\./g, '$1');");
    }
}

@Html.TextBoxFor(model => model, htmlAttributes)
@Html.ValidationMessageFor(model => model)

关键说明 #

• 我们通过ViewData["htmlAttributes"]获取调用EditorFor时传入的属性，这是ASP.NET MVC的标准约定
• 合并逻辑采用“外部传入优先”：如果外部传了相同的属性（比如oninput），就用外部的；没传才用模板默认的
• 加上ValidationMessageFor可以配合模型的数据注解（比如[Range]、[Required]）显示服务器端验证错误，和前端过滤形成互补

内容的提问来源于stack exchange，提问作者Juan Salvador Portugal