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

Posted 2023-04-12

【中文标题】Asp.net MVC 5 动态创建按钮并调用带有参数的 javascript 函数

【英文标题】：Asp.net MVC 5 dynamically created button and calls to a javascript function with argument

【发布时间】：2020-05-31 15:15:28

【问题描述】：

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

@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>

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

【问题讨论】：

检查您呈现的 HTML。您不需要在 item.ItemCode 中添加“@”吗？所以：“showModal(@item.ItemCode);”

没错，我错过了'@'

【参考方案1】：

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