国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

在UpdatePanel內jquery easyui效果失效的解決方法

2019-11-21 00:35:08
字體:
來源:轉載
供稿:網友
使用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_endRequest
PageRequestManager 類是一個管理瀏覽器中服務器 UpdatePanel 控件的部分頁更新。此外,還定義一些屬性、事件和方法,用以通過客戶端腳本對網頁進行自定義。通過調用 getInstance 方法來得到 PageRequestManager 類的實例。然后通過 add_endRequest 方法來綁定 endRequest 事件(異步回發完成,并且控制權返回到瀏覽器之后引發)。這樣以后,每次updatepanel發生回調后,都會觸發EndRequestHandler()函數。重新綁定一次效果。$(document).ready(function() { reload(); })
失效問題就解決了。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 光山县| 迭部县| 砀山县| 微博| 灵台县| 安阳县| 外汇| 同江市| 固始县| 乐山市| 伊吾县| 龙川县| 瑞金市| 海林市| 荃湾区| 平武县| 榆树市| 孝感市| 西和县| 宾川县| 灵石县| 南靖县| 曲靖市| 万山特区| 龙胜| 江川县| 渭源县| 南和县| 东乡族自治县| 南雄市| 济南市| 当阳市| 襄汾县| 平果县| 社旗县| 阿巴嘎旗| 天峨县| 黄大仙区| 兴隆县| 类乌齐县| 五峰|