javascript - 将 JavaScript 添加到 MVC 4 .NET Bootstrap Web 应用程序

Question

所以我构建了这个漂亮的 MVC 4 Web 应用程序，我最初远离花哨的 CSS 和 JS，只专注于让它工作。我开始工作，然后我决定也添加 Bootstrap ，让它看起来很漂亮。现在我想添加一些基本的java脚本。有些东西比如:

<button class="btn btn-default" type="button" onclick="javascript:document.getElementById('elementid').value=0;">Remove</button>

我有一个零件列表，一个零件的数量、编号和名称。所以我循环遍历列表。

 @foreach (Hardware hw in Model.HardwareList)
 {
            <div class="row">
                <div class="col-lg-2">
                    @Html.EditorFor(h => hw.Quantity, "Int32")
                </div>
                <div class="col-lg-2">
                    @Html.DisplayFor(h => hw.Partnumber)
                </div>
                 <div class="col-lg-8">
                    @Html.DisplayFor(h => hw.PartName)
                </div>
            </div>
}

我的自定义编辑器是带有一些 bootstrap css 的文本框，使其看起来很漂亮。这会生成漂亮的简单 View ，但我所有的文本框都有一个名称“hw.Quantity”和id“hw_Quantity”。所以我不能使用 getElementById()，如果我在发布模型时更改文本框的 id，我会得到空列表。我觉得我一定错过了一些 super 简单的东西。

编辑器模板

 @model int?

@{
    int i;
    if (!Model.HasValue)
    {
        i = 0;
    }
    else
    {
        i = Model.Value;
    }

    var htmlAttributes = new RouteValueDictionary();
    if (ViewBag.@class != null)
    {
        htmlAttributes.Add("class", "form-control " + ViewBag.@class);
    }
    else
    {
        htmlAttributes.Add("class", "form-control");
    }

    if (ViewBag.placeholder != null)
    {
        htmlAttributes.Add("placeholder", ViewBag.placeholder);
    }


}

<div class="form-group@(Html.ValidationErrorFor(m => m, " has-error")) input-group">
    @Html.TextBox(
        "",
        ViewData.TemplateInfo.FormattedModelValue,
        htmlAttributes)
    @Html.ValidationMessageFor(m => m, null, new { @class = "help-block" })

</div>

Answer 1

我假设您对每一行都有删除按钮，单击该按钮后您可以执行一个 JavaScript 函数，该函数可以查看单击按钮的父“.row”并更改其中的“hw.Quantity”值排。喜欢

onclick="javascript:$(this).parents('.row').find('elementid').val(0);"

此外，您可以使用 Html 的 data- 属性来存储附加数据。