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然后将 item 发布回我们所在的视图，并且现在将 id 传递到我的模型中。

步骤示例

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

干杯

---更新---

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

这是渲染它的视图

@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 在 alert 中与点击的链接相关的文本。