我在部分视图中有一个列表页面。对于每个列表,我都有一个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");
});
答案 0 :(得分:0)
不确定你是否想出来但我遇到了同样的问题,这里的第一个答案帮助我解决了这个问题。
MVC3 - Only first row link works well with Jquery Modal Dialog