javascript - 使用 jQuery 在 ASP.NET 中的模态表单

Question

我对 ASP.NET 开发相对较新，到目前为止已经设法使事情保持简单，但我现在有一个更复杂的需求，到目前为止还没有得到太多的乐趣。

本质上，我希望在单击按钮以添加新用户时弹出一个模态表单，所以我在 jQuery 网站上找到了这个，我认为这是我正在寻找的东西，但我真的很难弄清楚将其添加到 ASP.NET 项目/页面的适当方法。

任何建议将不胜感激谢谢！

score 11 · Accepted Answer

您需要包含对jQuery和的引用jQuery UI。

然后，您需要为您的对话框创建一个容器，例如：

 <div id="dialog">
    <p>
       Your content here
    </p>
 </div>

然后您需要创建对话框，即DOM加载时：

  $(document).ready(function() {
    $("#dialog").dialog({ autoOpen: false, height: 200, width: 200 });
  });

然后用一个按钮打开你的对话框，你可以添加一个简单的HTML按钮并通过 jQuery 附加它。

<input type="button" ID="btnDialog" value="Click here to open the dialog" />

然后附加到jQuery：

$("#btnDialog").click(function() {
   $("#dialog").dialog("open");
});

JS 小提琴：http: //jsfiddle.net/VtZYD/

确保jQuery已加载以及jQuery UI

这应该放在您的<head>部分：

 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 <script src=http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

您还可以CSS使用link标签包含文件：

 <link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />

1 回答 1