關(guān)于easyUI在子

在父頁(yè)面點(diǎn)個(gè)鏈接能動(dòng)態(tài)看到子頁(yè)面的情況太簡(jiǎn)單，請(qǐng)看easyUI官網(wǎng)：http://www.jeasyui.com/tutorial/layout/tabs2.php
現(xiàn)在說(shuō)的是在子頁(yè)面點(diǎn)個(gè)按鈕也能觸發(fā)增加子頁(yè)面的情況。
情景是，在父頁(yè)面上有個(gè)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>??

?在子頁(yè)面上有個(gè)

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)在想點(diǎn)這個(gè)鏈接能彈出一個(gè)新的tab，tab里面的內(nèi)容是百度主頁(yè)。關(guān)鍵的問題來(lái)了，就是testAddSubPage這個(gè)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??

????????????????}??

????????????);??

??????????????

????????}??

?這里雖然可以取到父頁(yè)面那個(gè)id為main的div對(duì)象，但是把這個(gè)dom對(duì)象轉(zhuǎn)化為jquery對(duì)象$main之后，$main.tabs('add',{...})這個(gè)方法死法報(bào)錯(cuò)不能通過。

改正的關(guān)鍵是用top.jQuery這個(gè)函數(shù)，這個(gè)函數(shù)具體出外我忘記了，用法看似是取得整個(gè)父頁(yè)面對(duì)象，正確是寫法：

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????

????????????????????????????????????});????

?????????????}????

????????}????

?

這樣，在子頁(yè)面點(diǎn)擊test add subpage這個(gè)鏈接之后，就會(huì)根據(jù)傳入的url彈出另一個(gè)子頁(yè)面，這里是百度。

?

?

?

• 查看圖片附件

頁(yè)面增加顯示tabs的一個(gè)問題

總結(jié)

以上是生活随笔為你收集整理的关于easyUI在子页面增加显示tabs的一个问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。