在ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题。
2013-03-15 17:33
302 查看
JQuery下的UI控件似乎是有问题的,某天我从凌晨两点调试一个JQuery Dialog,一直到早上8:00都没有调试出来。当时我在Dialog里面放置了一个服务器按钮,并让按钮和CodeBehind里的一个事件处理函数绑定,但是奇怪的是怎么点击按钮,都不响应后面的事件函数,整得我直抓狂。
天亮后,Google了一下,终于找到原因:JQuery会把Dialog的元素append到Body里面,而不是form里面,狂汗。几百万使用JQuery UI的人被涮了一把,过于信任JQuery UI团队了。
我找到了3种解决方法:
第1种方法:
天亮后,Google了一下,终于找到原因:JQuery会把Dialog的元素append到Body里面,而不是form里面,狂汗。几百万使用JQuery UI的人被涮了一把,过于信任JQuery UI团队了。
我找到了3种解决方法:
第1种方法:
使用代码:$("#dialog").parent().appendTo("/html/body/form[0]");
第2种方法:
加入一个<div id="dialog_target"></div>这样的DIV,然后把Dialog写入这个DIV里面。
$("#dialog").parent().appendTo("#dialog_target");
第3种方法:
1、修改Dialog的JS代码,把代码添加到form中,而不是body里面 2、Dialog内部的自定义HTML不使用,而直接加入一个IFRAME,把里面的HTML移到另外的页面中,再与父页面进行交互就OK(我使用的就是这种方法,这样这些独立出来的代码还可以复用
我使用的是第2种方法,服务器事件可以响应,效果也不错,第一种方法有待商榷。
http://douyunliang.blog.sohu.com/129047116.html
相关文章推荐
- 在ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题
- ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题。
- 在ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题。
- 在ASP.NET下使用jQuery UI下的Dialog产生提交空值问题
- 在ASP.NET下使用jQuery UI下的Dialog产生提交空值问题
- ASP.NET MVC中使用OutputCache实现服务器端页面级缓存注意问题
- [Asp.net]在JQuery-UI Dialog下使用服务器端按钮失效
- 关于在asp.net中使用showDialogModal方式输入数据中存在的问题
- 在ASP.NET下使用jQuery UI Dialog 无法提交问题
- ASP.NET中使用JQuery UI Dialog致表单无法提交的解决方法
- ASP.NET使用母版页后设置默认按钮问题
- 在asp.net中使用session常见问题集锦 .
- ASP.NET DropDownListCheckBox使用示例(解决回发问题)
- [导入]在ASP.NET中使用Session常见问题集锦(转)
- ASP.NET 2.0 使服务器控件不响应服务器端事件
- 在ASP.NET中使用Session常见问题集锦
- 在不同的IIS中使用ASP.NET MVC(因网速问题,未完待续...)
- 使用 ASP.NET 以编程方式检查规范化问题
- [ASP.NET]使用uploadify上传图片,并在uploadify按钮上生成预览图
- ASP.NET中UpdatePanel与jQuery同时使用所遇问题解决