UpdatePanel内jquery easyui效果失效的问题

行使updatepanel的甜头天然是页面不革新，用户感受较量好，同时也镌汰了一部门数据量的传输。

行使easyui 的甜头除了界面还不错之外，也由于行使利便。

<div class="easyui-tabs" style="width: 300px"> <div title="搜刮"> ...</div> <div title="选择">...</div> <div title="返回">...</div></div>
只要给他界说个响应的class 就能实现各类结果。

可是，把它放在updatepanel内里，且不是初次就让他表现出来的话就出妨碍了。

譬喻：

代码
<asp:MultiView ID="MultiView1" runat="server"> <asp:View ID="View1" runat="server"> <div class="easyui-tabs" style="width: 300px"> <div title="搜刮"> ...</div> <div title="选择"> ...</div> <div title="返回"> ...</div> </div> </asp:View> <asp:View ID="View2" runat="server"> <div class="easyui-tabs" style="width: 300px"> <div title="搜刮"> ...</div> <div title="选择"> ...</div> <div title="返回"> ...</div> </div> </asp:View> </asp:MultiView>
在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_endRequestPageRequestManager 类是一个打点赏识器中处事器 UpdatePanel 控件的部门页更新。另外，还界说一些属性、变乱和要领，用以通过客户端剧本对网页举办自界说。通过挪用 getInstance 要领来获得 PageRequestManager 类的实例。然后通过 add_endRequest 要领来绑定 endRequest 变乱（异步回发完成，而且节制权返回到赏识器之后激发）。这样往后，每次updatepanel产生回调后，城市触发EndRequestHandler（）函数。从头绑定一次结果。$(document).ready(function() { reload(); })
失效题目就办理了。

原文：http://www.cnblogs.com/topdog/archive/2010/04/11/1709413.html

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!