本框架内置组件及部分插件都可以通过data属性来初始化并使用,通常通过data-toggle来调用API。如无特殊说明,相关参数也通过data属性传递。

data属性无法向JS传递含有大写字母的参数,如果参数是驼峰格式(大小写混搭),则需将大写字母转换为-加小写。如:
reloadWarn --> data-reload-warn
maxAddLevel --> data-max-add-level

以下是data属性应用示例(打开一个navtab标签):

            打开一个表单应用的navtab
        

点击上面的a链接后,将打开一个名为“表单应用”的navtab,其效果等同下面的js:

            $(selector).navtab({id:'navtab-form', url:'form.html', title:'表单应用'})
        

selector是符合jQuery规范的选择器。

为了方便使用,如无特殊说明,selector可以是任意元素的选择器(不确定或在直接定义的function中,使用$(this)即可),
如开始创建了navtab: $('.openTab').navtab({id:'myid', url:'myurl', title:'mytitle'})
然后又刷新该navtab: $('.refreshTab').navtab('refresh', 'myid')
虽然两次触发操作同一navtab的selector并不一致,但并不影响使用。