生活随笔
收集整理的這篇文章主要介紹了
关于easyUI在子页面增加显示tabs的一个问题
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
關(guān)于easyUI在子
在父頁面點個鏈接能動態(tài)看到子頁面的情況太簡單，請看easyUI官網(wǎng)：http://www.jeasyui.com/tutorial/layout/tabs2.php
現(xiàn)在說的是在子頁面點個按鈕也能觸發(fā)增加子頁面的情況。
情景是，在父頁面上有個div如：
Html代碼??
<div?class="easyui-tabs"?id="main"?fit="true"?border="false">?? <div?title="Welcome"?iconCls="icon-page"?style="padding:20px;overflow:hidden;">???? </div>?? </div>?? ?在子頁面上有個
Html代碼??
<a?href="#"?class="easyui-linkbutton"?iconCls="icon-edit"?plain="true"?onclick="testAddSubPage('new?tab','http://www.baidu.com')">test?add?subpage</a>???? ?????? ?現(xiàn)在想點這個鏈接能彈出一個新的tab，tab里面的內(nèi)容是百度主頁。關(guān)鍵的問題來了，就是testAddSubPage這個function怎么寫。
?
直接這樣寫是不行的：
Js代碼??
function?testAddSubPage(title,url){?? ?????????????? ????????????var?parentMain?=?window.parent.document.getElementById("main");?? ?????????????? ????????????var?$main?=?$(parentMain);?? ?????????????? ????????????var?content?=?'<iframe?scrolling="auto"?frameborder="0"??src="'+url+'"?style="width:100%;height:100%;"></iframe>';??? ????????????$main.tabs('add',{?? ????????????????????title:title,?? ????????????????????content:content,?? ????????????????????closable:true?? ????????????????}?? ????????????);?? ?????????????? ????????}?? ?這里雖然可以取到父頁面那個id為main的div對象，但是把這個dom對象轉(zhuǎn)化為jquery對象$main之后，$main.tabs('add',{...})這個方法死法報錯不能通過。
改正的關(guān)鍵是用top.jQuery這個函數(shù)，這個函數(shù)具體出外我忘記了，用法看似是取得整個父頁面對象，正確是寫法：
Java代碼??
function?testAddSubPage(title,url){???? ?????????????? ????????????var?jq?=?top.jQuery;???? ???????? ????????????if?(jq("#main").tabs('exists',?title)){???? ????????????????jq("#main").tabs('select',?title);???? ????????????}?else?{?? ??????????????????var?content?=?'<iframe?scrolling="auto"?frameborder="0"??src="'+url+'"?style="width:100%;height:100%;"></iframe>';????? ???????????????????jq("#main").tabs('add',{???? ??????????????????????????????????????title:title,???? ??????????????????????????????????????content:content,???? ??????????????????????????????????????closable:true???? ????????????????????????????????????});???? ?????????????}???? ????????}???? ?
這樣，在子頁面點擊test add subpage這個鏈接之后，就會根據(jù)傳入的url彈出另一個子頁面，這里是百度。
?
?
?
頁面增加顯示tabs的一個問題
總結(jié)
以上是生活随笔為你收集整理的关于easyUI在子页面增加显示tabs的一个问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
