navTab鏈接擴展


dialog鏈接擴展

<a href=”xxx” target=“dialog” [rel=“dialogId”]>

A所指向頁面將會在dialog 彈出層中打開,rel標識此彈出層的ID,rel為可選項。

Html標簽擴展方式示例:

<a href=”w_dialog.html” target=”dialog” rel=”page2″>彈出窗口</a>

<a href=”demo_page1.html” target=”dialog” [max=true, mask=true, maxable=true, minable=true, resizable=true,drawable=true] rel=”dlg_page1″ title=”[自定義標題]” width=”800″ height=”480″>打開窗口一</a>

Max 屬性表示此dialog打開時默認最大化, mask表示打開層后將背景遮蓋. maxable: dialog 是否可最大化,

minable:    dialog 是否可最小化,
mixable:    dialog 是否可最大化
resizable:  dialog 是否可變大小
drawable: dialog 是否可拖動
width:        dialog 打開時的默認寬度
height:     dialog 打開時默認的高度

width,height分別打開dialog時的寬度與高度.


fresh:      重復打開dialog時是否重新載入數據,默認值true,
close:      關閉dialog時的監聽函數,需要有boolean類型的返回值,
param:      close監聽函數的參數列表,以json格式表示,例{msg:’message’}

 
關閉窗口:
在彈出窗口頁面內放置<button value=”關閉”></button>即可。
 
JS調用方式示例:
$.pdialog.open(url, dlgId, title);

$.pdialog.open(url, dlgId, title, options);


options:{width:100px,height:100px,max:true,mask:true,mixable:true,minable:true,resizable:true,drawable:true,fresh:true,close:”function”, param:”{msg:’message’}”}, 所有參數都是可選項。

關閉dialog層:

$.pdialog.close(dialog); 參數dialog可以是彈出層jQuery對象或者是打開dialog層時的dlgId.
或者
$.pdialog.closeCurrent(); 關閉當前活動層。

 

$.pdialog.reload(url,data,dlid) 刷新dlid指定的dialog,url:刷新時可重新指定加載數據的url, data:為加載數據時所需的參數。

 

navTab鏈接擴展

<a href=”xxx” target=“navTab” [rel=“tabId”]>

示例:

<a href=”url” target=”navTab” >默認頁面</a>

<a href=”url” target=”navTab” rel=”page1″ title=”自定義標簽名” fresh=”false”>自定義頁面</a>

<a href=”url” target=”navTab” external=”true”>iframe方式打開</a>

 

target=navTab: 自動關聯調用navTab組件

rel: 為navtab的ID值,后續可以用來重載該頁面時使用,如當前頁新增或刪除數據可以通過該ID進行通知JS重載。注意rel的值區分大小寫.

fresh: 表示重復打開navTab時是否重新加載數據

external: 為external=”true”或者href是外網連接時,以iframe方式打開navTab頁面

Js調用

navTab.openTab(tabid, url, { title:”New Tab”, fresh:false, data:{} });

其中data:{} json格式的數據


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM