页签项

简介

页签项


使用方法

1. 静态框架使用方法仅EAS7.5版本
<wafctrl:tab id="id" name="name" />
2. JS动态创建EAS8.0+
//options.id是tabs帮助文档中option的id
var tabOptions = {parentId:options.id,id:"tab0",title:"TAB"};
var tabDom = waf.createDOM("tab", tabOptions );
//dom是tabs帮助文档中创建的dom对象
dom.wafTabs("appendChildren", tabDom);
waf.initComponent("tab", tabOptions , tabDom);
3. 通用DOM创建EAS8.0+
<input id="id" name="number" type="text" class="enter2tab ui-tab form" ctrlrole="tab" aria-disabled="false" style="" tabindex="0">
<!--DOM创建好之后,使用js初始化控件-->
waf.initComponent("tab", options, dom);
4. 方法&事件使用EAS7.5+
//调用方法
waf("#id").wafTab('method', parameter...);
//eg:获取和设置值
waf("#id").wafTab("getValue");
waf("#id").wafTab("setValue");
//eg:更改事件
waf("#id").wafTab("option","onchange",fn);

DOM结构

<input id="id" name="number" type="text" class="enter2tab ui-tab form" ctrlrole="tab" aria-disabled="false" style="" tabindex="0">

属性说明

hidden Boolean 缺省值: false EAS7.5+

设置页签是否不可见.如: waf('#mytabs').wafTab(option','hidden',true);

id String 缺省值: null EAS7.5+

定义页签的id

title String 缺省值: null EAS7.5+

页签的显示标题文字或html片段.如:title='标签2'

url String 缺省值: null EAS7.5+

页签将按照指定的url加载其中的内容(get方式).设置页签选项卡的url路径,只是将url存放到指定的页签中而不会立刻加载url的内容.

iconClass String 缺省值: null EAS7.5+

页签上要显示的图标class,在其中要制定background(背景图片).

closable Boolean 缺省值: false EAS7.5+

页签选项卡是否显示关闭图标(x).

disabled Boolean 缺省值: false EAS7.5+

设置当前页签选项卡是否可用.如: waf('#mytabs').wafTab('option','disabled',true);

style String 缺省值: null EAS7.5+

定义页签的样式

tagClass String 缺省值: null EAS7.5+

定义页签样式类,可以添加一个或多个

方法说明

option 参数: (property[,value]) 返回值类型: (any)获得或设置页签某属性的值,当value参数存在时,设置页签的property属性值,且无返回值,否则返回页签的property属性值 EAS7.5+

- 参数说明: property-必要参数,页签的属性value-可选参数,页签的属性值 <span class="label label-info">EAS8.0+</span>

- 返回值说明:

option 参数: (options) 返回值类型: none)​对页签区多个属性进行一次性设置 EAS7.5+

- 参数说明: options-形式如{property:value[,property1:value1,...]}的json对象,用来描述页签区的属性和相应的值 <span class="label label-info">EAS8.0+</span>

- 返回值说明:

remove 参数: (none) 返回值类型: (none)删除本页签.如:waf(“#tab1”).wafTab(“remove”) EAS7.5+

- 参数说明:  <span class="label label-info">EAS8.0+</span>

- 返回值说明:

enable 参数: (none) 返回值类型: (none)​启用本页签 EAS7.5+

- 参数说明:  <span class="label label-info">EAS8.0+</span>

- 返回值说明:

disable 参数: (none) 返回值类型: (none)​禁用本页签 EAS7.5+

- 参数说明:  <span class="label label-info">EAS8.0+</span>

- 返回值说明:

select 参数: (none) 返回值类型: (none)​选中本页签.如:waf(“#tab1”).wafTab(“select”) EAS7.5+

- 参数说明:  <span class="label label-info">EAS8.0+</span>

- 返回值说明:

load 参数: ([url]) 返回值类型: (none)重新按url加载本页签内容.url可以作为此方法的可选参数指定,也可以在此方法调用前通过url方法(wafTab和wafTabs均有此方法)指定,还可以通过wafTabs插件的ajaxOptions属性指定(参考标签3的源码示例).如果不打算通过url加载页签内容,load无意义.重新按url加载指定的页签内容.​waf(“#mytabs”).wafTab(“load”,”../myurl.do?param=abc”) EAS7.5+

- 参数说明:  <span class="label label-info">EAS8.0+</span>

- 返回值说明:

url 参数: (url) 返回值类型: (none)设置本页签的url,只是将url存放到指定的页签中而不会立刻加载url的内容,详见:概述中“特殊功能说明”.如:waf(“#tab1”).wafTabs(“url”,”../myurl.do?params=123”) EAS7.5+

- 参数说明:  <span class="label label-info">EAS8.0+</span>

- 返回值说明:

index 参数: (none) 返回值类型: (Number)取得本页签的index值 EAS7.5+

- 参数说明:  <span class="label label-info">EAS8.0+</span>

- 返回值说明: