现在的位置: 首页 > 综合 > 正文

navTab链接扩展

2013年10月03日 ⁄ 综合 ⁄ 共 1707字 ⁄ 字号 评论关闭

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格式的数据

抱歉!评论已关闭.