Question

HTML帮助程序（在MVC2中）的正确语法是什么，用于定义onblur处理程序，其中使用以下代码生成文本框：

<%=Html.TextBox(
    "ChooseOptions.AddCount" + order.ID,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input" }
)

Answer 1

将onblur添加到htmlattributes

<%=Html.TextBox(
    "ChooseOptions.AddCount" + order.ID,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input", onblur = "alert('fired')" }
) %>

或者更好的方法是使用jQuery

添加它

$('#ChooseOptions_AddCount' + id).onblur(function() { alert('fired'); });

Answer 2

我想提交一个解决方案，允许您根据需要重用功能代码。您可以在其他位置定义函数，然后从HTML元素中调用它。

在myView.cshtml文件中的某个位置（也许在body标签的顶部），您可以定义脚本并在其中定义myFunc，如下所示：

<script>
    function myFunc() {
        alert('fired');
    }
</script>

然后从HTML元素中调用它，如下所示：

<%=Html.TextBox(
    "ChooseOptions.AddCount" + order.ID,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input", onblur = "myFunc()" }
) %>

或者，如果您愿意使用HTML助手来定义文本框，则可以

@Html.TextBoxFor(m => m.ChooseOptions.AddCount,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input", onblur = "myFunc()" }
)

将onblur事件添加到ASP.Net MVC的Html.TextBox

2 个答案: