asp.net mvc 4删除对话框仅在第一项上打开

时间:2013-08-01 05:03:16

标签: jquery-ui asp.net-mvc-4 jquery-dialog asp.net-mvc-partialview

我在部分视图中有一个列表页面。对于每个列表,我都有一个Edit和Delete链接来打开一个jQuery对话框来编辑/删除数据。但是,该对话框仅在第一个项目上打开,而不与列表的其余部分一起使用。

我在做什么缺少什么?

部分视图列表

>foreach (var item in Model) {
>   <tr>
>       <td>
>           @Html.DisplayFor(modelItem => item.ReportName)
>       </td>
>       <td>
>           @Html.DisplayFor(modelItem => item.Note)
>       </td>
>       <td class="icon"><a id="editReportLink" href="#" title="Edit note"><img src="~/Content/_images/icon_edit.png" /></a></td>
>       <td class="icon"><a id="deleteReportLink" href="#" title="Delete thread"><img src="~/Content/_images/icon_delete.png" /></a></td>
>   </tr>
>}

jQuery功能

$("#delete-button").dialog({
        autoOpen: false,
        height: "auto",
        width: "auto",
        modal: true,
        resizable: false,
    });

    $("#deleteReportLink").click(function () {
        alert("test");
        $("#delete-button").dialog("open");
    });

1 个答案:

答案 0 :(得分:0)

不确定你是否想出来但我遇到了同样的问题,这里的第一个答案帮助我解决了这个问题。

MVC3 - Only first row link works well with Jquery Modal Dialog