在单击 jtable 单元格时显示弹出窗口

【问题标题】：Displaying popup on Click on jtable cell在单击 jtable 单元格时显示弹出窗口
【发布时间】：2013-12-16 07:47:55
【问题描述】：

我正在使用 asp.net MVC 4 在 jquery UI jtbale 中显示数据。我在单击 jtable 的单元格时显示新视图时遇到问题。我想要的是，当 jtable 加载数据时，我有一个额外的列名加载，当我单击该列时，弹出窗口应显示包含该患者基本信息的新视图。下面我正在共享 jtable 的图像。

我的 jtable 的图像

可以吗

【问题讨论】：

标签： asp.net-mvc-4 jquery-jtable

【解决方案1】：

在您的 jquery 中使用 ajax 调用

$.ajax({
    url: "@(Url.Action("Action", "Controller")",
    type: "POST",
    data: { id: $(this).id }
    cache: false,
    async: true,
    success: function (result) {
        $(".divContent").html(result);
        //pop up the partial view using overlay, dialog, whatever you prefer
    }
});

在你的控制器上有一个方法

public PartialViewResult Action(int id){
    model = //query the database 
    return PartialView("_PartialName", model);
}

有关在按钮单击时获取表格行 ID 的更多信息，请参见此处（也可以是链接，只需使用选择器）jQuery: Get the contents of a table row with a button click

【讨论】：