[Asp.net]在JQuery-UI Dialog下使用服务器端按钮失效
2010-08-29 22:36
471 查看
目标:点按钮弹出div层,选择数据后自动隐藏div,将所选数据赋值到窗体。
<div id="divWinPop">
//里面是要实现弹出框的代码,包括翻页、查找等.
</div>
当使用JQuery把上面div部分代码实现Dialog时,发现里面的服务器端按钮无法触发事件。
后来查资料发现,JQuery会把代码appendTo到body,而不在form里,所以按钮事件无法触发。
解决方法:在点击按钮打开Dialog时,将div append到form里,使按钮生效。
在div divWinPop外面,再套一层div,如:
<div id="divParent">
<div id="divWinPop">
</div>
</div>
这样在按钮事件中写:
即可恢复按钮正常触发。
<div id="divWinPop">
//里面是要实现弹出框的代码,包括翻页、查找等.
</div>
当使用JQuery把上面div部分代码实现Dialog时,发现里面的服务器端按钮无法触发事件。
后来查资料发现,JQuery会把代码appendTo到body,而不在form里,所以按钮事件无法触发。
解决方法:在点击按钮打开Dialog时,将div append到form里,使按钮生效。
在div divWinPop外面,再套一层div,如:
<div id="divParent">
<div id="divWinPop">
</div>
</div>
这样在按钮事件中写:
<script language="javascript" type="text/javascript"><!-- $(document).ready(function() { $("#divWinPop").hide(); //加载时隐藏div $("#btn").click(function() { $("#divWinPop").dialog({modal:true}); $("#divWinPop").dialog({width:600,height:450}); //设置宽度、高度 $("#divWinPop").dialog( "option", "position", "center" ); $("#divWinPop").parent().appendTo("#divParent"); //将弹出div append到属于form里的div,那么服务器端控件就可以正常执行 }); }); </script>
即可恢复按钮正常触发。
相关文章推荐
- JQuery-UI Dialog下使用服务器端按钮失效
- ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题。
- ASP.NET使用表单验证在注销后使得浏览器后退按钮失效的简单方法
- 使用jQuery的validation后,无法引发asp.net按钮的事件处理程序
- asp.net使用jquery和updatepanel时候jquery失效问题
- 在ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题
- ASP.NET使用表单验证在注销后使得浏览器后退按钮失效的简单方法
- 在ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题。
- 在ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题。
- Microsoft ASP.NET AJAX 使用客户端调用服务器端的方法
- 在ASP.NET的服务器端使用message box(Message box Server side in ASP.Net)
- asp.net服务器端指令include的使用及优势介绍
- JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用
- JQuery插件中的treeview与asp.net mvc的结合使用实例(转)-附加自己的写法
- asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
- asp.net treeview控件无刷新选择和删除节点(使用jquery)
- IT咨询顾问:一次吐血的项目救火 java或判断优化小技巧 asp.net core Session的测试使用心得 【.NET架构】BIM软件架构02:Web管控平台后台架构 NetCore入门篇:(十一)NetCore项目读取配置文件appsettings.json 使用LINQ生成Where的SQL语句 js_jquery_创建cookie有效期问题_时区问题
- asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值
- Asp.NET WebMethod: 使用Jquery的post发送信息的数据信息的大小限制
- ASP.NET MVC使用jQuery实现Autocomplete