Asp.net ajax jQuery模式窗口以在MVC中显示表

首先，让我说我对JavaScript缺乏经验

这是我想做的。当用户单击一行数据上的“显示详细信息”时，他们会看到一个弹出窗口（模式？），其中包含一些从MVC应用程序中的另一个操作生成的数据。我在哪里可以找到这样一个实现的例子

此外，当用户单击此弹出窗口或原始数据行上的“批准”时，将显示另一个弹出窗口，其中包含用户需要填写的表单

---

任何方向都将不胜感激。

首先，您需要在页面上的某个位置添加一个DIV，比如给它一个id“popupanel”。现在为jQuery创建一个“就绪”事件来初始化弹出/模式对话框：

<script type="text/javascript">
    $(document).ready(function () {
        $("#PopUpPanel").dialog({
            modal: true,
            autoOpen: false,
            height: 'auto',
            width: 'auto',
            buttons: {
                "Close": function () {
                    $(this).dialog("close");
                }
            }
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#PopUpPanel”）。对话框({
莫代尔：是的，
自动打开：错误，
高度：“自动”，
宽度：“自动”，
按钮：{
“关闭”：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
});

假设该行有一个链接“Show Detail”-为“Show Detail”创建一个“处理程序”，单击：

函数showDetail（id）{
$.get（'MyController/MyAction/'+id，函数（数据）{
$（'popupanel'）.html（数据）；
$（'popupanel'）。对话框（'open'）；
});
}

---

这些应该会让您的详细信息页面显示在弹出/对话框窗口中。要在“详细信息”对话框之外弹出另一个窗体或替换“详细信息”对话框，它应该非常类似

首先，您需要在页面的某个位置设置一个DIV，比如说给它一个id“popupanel”。现在为jQuery创建一个“就绪”事件来初始化弹出/模式对话框：

<script type="text/javascript">
    $(document).ready(function () {
        $("#PopUpPanel").dialog({
            modal: true,
            autoOpen: false,
            height: 'auto',
            width: 'auto',
            buttons: {
                "Close": function () {
                    $(this).dialog("close");
                }
            }
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#PopUpPanel”）。对话框({
莫代尔：是的，
自动打开：错误，
高度：“自动”，
宽度：“自动”，
按钮：{
“关闭”：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
});

假设该行有一个链接“Show Detail”-为“Show Detail”创建一个“处理程序”，单击：

函数showDetail（id）{
$.get（'MyController/MyAction/'+id，函数（数据）{
$（'popupanel'）.html（数据）；
$（'popupanel'）。对话框（'open'）；
});
}

---

这些应该会让您的详细信息页面显示在弹出/对话框窗口中。要在“详细信息”对话框之外弹出另一个窗体或替换“详细信息”对话框，它应该非常类似

我做错了什么？“Microsoft JScript运行时错误：对象不支持此属性或方法”。似乎是这一行“$”（“#PopUpPanel”）.dialog（{“我发现我没有安装jQuery UI。我现在正在处理该部分。转到其他问题。我做错了什么？”Microsoft JScript运行时错误：对象不支持此属性或方法。似乎是这一行“$（#PopUpPanel”）.dialog（{”我发现我没有安装jQuery UI。我现在有了这个部件。继续讨论其他问题。