MVC从jqueryui对话框模态返回值

Question

我有一个非常简单的对话框，可以打开页面，这是代码

该代码在我看来

$(document).ready(
        //Dialog
        $("#dialog").dialog({
            title: "Dialog box",
            height: 300,
            modal: true,
            open: function(event, ui) {
                $(this).load("@Url.Action("TestDialogView", "Card")");
            }
        })
    );

现在，这将打开一个对话框模态，并带有TestDialogView的视图内容。 现在我想做的是在对话框中绘制一个表（我可以用视图来做），但是我想要尝试做的是，当用户单击表中的一项时，该ID项然后发布回我们所在的视图，并且ID现在传递到我的模型中。

步骤示例

1. 步骤1：用户加载CardTypes页面
2. 步骤2：显示对话框，并显示项目列表
3. 步骤3：点击表格行中的“查看”链接时
4. 步骤4：该项目的ID将从对话框中发回
5. 步骤5：对话框关闭
6. 步骤6：现在，使用从对话框返回的ID填充CardTypes视图模型上的变量SelectedId。

干杯

-更新-

这是我的对话框的屏幕截图，

这是渲染它的视图

@model CardSite.Models.FileSearchModel

@{
    ViewBag.Title = "Attacks";
}

<table class="table">
<tr>
    <th>
        @Html.DisplayNameFor(x => x.Name)
    </th>
    <th>
        Select
    </th>
</tr>

@foreach (var item in Model.PokemonFiles)
{
<tr>
    <td>
            @Html.DisplayFor(m => item.Name)
    </td>
    <td>
        <a href="">View</a>
    </td>
</tr>
}

</table>

我需要更改什么？ “查看”链接应该是什么？

Answer 1

您需要使用.on()进行事件委托：

var selectedId = '';
$("#dialog").on('click', '.table a', function(){
    selectedId = this.id;
});

---

或者，如果您对步骤4有所解释。

---

根据您更新的问题，我在您的表中看不到任何ID，或者任何tr, td or anchor也都没有任何ID。
所以现在我在这里稍微改变了我的答案：

$("#dialog").on('click', '.table a', function(){
    alert($(this).closest('tr').find('td:first').text());
});

---

上面的代码将为您提供第一个td文本（相对于所单击的链接而言）。