jQuery MiniUI 开发教程 导航控件 Tabs:懒加载页面(六)

jQuery MiniUI 开发教程 导航控件 Tabs:懒加载页面(六)
Tabs:懒加载页面
   jQuery MiniUI 开发教程 导航控件 Tabs:懒加载页面(六)_第1张图片                                

参考示例:Tabs:懒加载页面


                     

创建Tabs

<ul id="tree1" class="mini-tree" url="../data/tree.txt" style="width:300px;padding:5px;" 
    showTreeIcon="true" textField="text" idField="id" >        
</ul>

                   

数据结构      

通过url返回的数据结构如下:

[
    {title: "Tab1", url: "../tabs/pages/page1.html", refreshOnClick: true},
    {title: "Tab2", url: "../tabs/pages/page2.html", showCloseButton: true},
    {title: "Tab3", url: "../tabs/pages/page3.html"},
    {title: "Tab4", url: "../tabs/pages/page4.html"},
    {title: "Tab5", url: "../tabs/pages/page5.html"}
]

你可能感兴趣的:(jQuery MiniUI 开发教程 导航控件 Tabs:懒加载页面(六))