jQuery MiniUI 开发教程导航控件 Tabs：懒加载页面（六）

最新推荐文章于 2025-06-03 09:12:12 发布

最新推荐文章于 2025-06-03 09:12:12 发布 · 932 阅读

文章标签：

#jquery #UI #Ajax #JavaScript #tabs #ViewUI

jquery 专栏收录该内容

69 篇文章

订阅专栏

本文详细介绍了如何使用MiniUI库实现懒加载页面的Tabs组件，并提供了实例代码和数据结构说明。

[b]Tabs：懒加载页面[/b]
[img]http://www.miniui.com/docs/api/images/tabs_load.gif[/img]

参考示例：[url=http://www.miniui.com/demo/tabs/load.html]Tabs：懒加载页面[/url]

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

[b]数据结构[/b]
通过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"}
]