使用easyui的好处不仅是界面好,而且使用起来也很方便。复制的代码如下: div class=' easui-tab ' style=' width : 300 px ' div title=' search './div div title=' select './div div title=' return './div /div只要他定义一个对应的类就可以达到各种效果。
但是,如果您将它放在updatepanel中并让它第一次显示,它将失败。复制的代码如下: ASP :多视图ID='多视图1' Runat='服务器' ASP 3360视图ID='视图1' Runat='服务器' div class=' easui-tab ' style=' width : 300 px。Div title='搜索'./div div title=' select './div div title=' return './div/div/ASP : view ASP : view ID=' view 2 ' runat=' server ' div class=' easui-tab ' style=' width :300 px ' div title=' search './div div title=' select './Divtitle=' return './div/div/ASP : view/ASP 3360 MultiView在multi view中定义了两个相同的视图,内容是相同的。并将多视图1放入updatepanel。然后,设置他显示的第一个视图复制代码如下:Multiview1。ActiveViewIndex=0;看看吧。表现正常。但是当我们更改视图的显示时,例如,将上面的更改为多视图1。active view index=1;那么第二个面纱的效果将会消失。在jquery.easyui.min.js中查找原因看到这样一个副本代码如下: r=$('。easyui-tab ',_ 1ec);if(r . length){ r . tab();可能在网页加载后,寻找其类被定义为easy ui-tab的层。并把这种效果附在他身上。可以想象,当页面被加载时,我们会显示第一个视图,所以js会在视图中找到该层并给它一个效果。然后我们更新了updatepanel中显示的视图,尽管内容被切换到了第二个视图。但是,页面没有重新加载,上面的js代码也没有改变新的视图。因此,决定在updatepanel发回后重新执行js代码。在页面上定义一个重新绑定函数。复制代码如下:函数endrequesthandler () {$(')。easy ui-tab’)。制表符();}定义另一个事件。复制代码如下: function reload(){ sys . web forms . page requestmanager . getinstance()。add _ end request(end request handler);} add _ endrequestpage requestmanager类是一个在浏览器中管理服务器更新面板控件的部分页面更新的类。此外,还定义了一些属性、事件和方法来通过客户端脚本自定义网页。通过调用getInstance方法获取PageRequestManager类的实例。然后通过add_endRequest方法绑定endRequest事件(在异步回发完成并将控件返回到浏览器后引发)。这样,每次回调updatepanel时都会触发EndRequestHandler()函数。再次绑定效果。$(文档)。ready(function(){ reload();})故障问题解决。