您好,欢迎访问一九零五行业门户网

在UpdatePanel内jquery easyui效果失效的解决方法_jquery

使用easyui 的好处除了界面还不错之外,也因为使用方便。
复制代码 代码如下:
...
...
...
只要给他定义个相应的class 就能实现各种效果。
但是,把它放在updatepanel里面,且不是首次就让他显示出来的话就出故障了。
复制代码 代码如下:
...
...
...
...
...
...
在multipleview里面定义两个一样的view,内容也一样。并把 multiview1放到updatepanel里面。
然后设置他显示第一个view
复制代码 代码如下:
multiview1.activeviewindex =0;
浏览一下。显示正常。但是当我们改变view的显示时,例如把上面的改成 multiview1.activeviewindex =1;那么第二个veiw的效果就全无了。
到jquery.easyui.min.js 里找原因。看到了这么一句
复制代码 代码如下:
r=$(.easyui-tabs,_1ec);
if(r.length){
    r.tabs();
大概就是在网页加载完后,寻找class定义为easyui-tabs 的层。并把效果附加给他。
那么可以想象,当页面加载时,我们显示的是第一个view,那么js就找到view里的层,并赋予其效果。
然后我们在updatepanel里更新了显示的view,内容虽然切换到了第二个view了。但是页面没有重新加载,上面的js代码没有对新的view执行改变。
所以决策就是当updatepanel回发后重新执行js代码。
在页面定义一个重新绑定的函数。
复制代码 代码如下:
function endrequesthandler() {
$(.easyui-tabs).tabs();
}
再定义一个事件。
复制代码 代码如下:
function reload() {
sys.webforms.pagerequestmanager.getinstance().add_endrequest(endrequesthandler);
}
add_endrequest
pagerequestmanager 类是一个管理浏览器中服务器 updatepanel 控件的部分页更新。此外,还定义一些属性、事件和方法,用以通过客户端脚本对网页进行自定义。通过调用 getinstance 方法来得到 pagerequestmanager 类的实例。然后通过 add_endrequest 方法来绑定 endrequest 事件(异步回发完成,并且控制权返回到浏览器之后引发)。这样以后,每次updatepanel发生回调后,都会触发endrequesthandler()函数。重新绑定一次效果。$(document).ready(function() { reload(); })
失效问题就解决了。
其它类似信息

推荐信息