我对ASP.NET开发相对较新,到目前为止设法保持简单但我现在有一个更复杂的要求,到目前为止没有获得太多的快乐.
基本上我想在点击一个按钮添加一个新用户时弹出一个模态表单,所以我发现了this on the jQuery site,我认为这是我正在寻找的东西,但我真的很难想象找出将其添加到ASP.NET项目/页面的适当方法.
任何建议将非常感谢,谢谢!
解决方法
您需要包含对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>
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />