时间戳

首页 > 解决方案 > Asp.net MVC 5 动态创建按钮并调用带有参数的 javascript 函数

javascript - Asp.net MVC 5 动态创建按钮并调用带有参数的 javascript 函数

问题描述

从我的剃刀视图来看，我有一个循环用于在表中创建一些数据。

@foreach (var item in Model.ItemModel) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.ItemCode)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ItemName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Brand)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.PurchaseQty)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.SalesQty)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Stock)
        </td>
        <td>
            <button onclick="showModal(item.ItemCode);">Show Details/button>
        </td>
    </tr>
}

我的 javascript 函数是接受一个参数（单击按钮时）并将其打印在模式中。

<script type="text/javascript">
    function showModal(itemCode)
    {
        var mod = $('#myModal');
        mod.modal();
        $('#recordId').html(itemCode);
    }
</script>

当我运行上面的代码时出现异常，当我使用一些手动输入参数（如 123）时它工作正常。

<button onclick="showModal(123);">Show Details/button>

我想通过使用动态参数（来自循环的值）来调用此方法，这里有什么问题？帮我！

标签： javascriptc#model-view-controllerasp.net-mvc-5

解决方案

答案是"showModal(@item.ItemCode);"，我一开始就错过了@。

推荐阅读