jQuery EasyUI使用教程：創建標簽頁

Kendo UI for jQuery——創建現代Web應用程序的最完整UI庫！查看詳情>>>

<jQuery EasyUI最新版下載>

本教程將展示如何使用easyui創建一個標簽組件。標簽可以動態地添加或刪除多個面板，你可以使用標簽在同一個頁面上顯示不同的實體。

標簽一次只能顯示一個面板，每個面板都有標題、圖表和關閉按鈕。當標簽被選中之后，會顯示相應面板的內容。

使用HTML標記創建標簽，其中包括一個DIV容器和一些DIV面板。

< div class="easyui-tabs" style="width:400px;height:100px;">
< div title="First Tab" style="padding:10px;">
First Tab
< /div>
< div title="Second Tab" closable="true" style="padding:10px;">
Second Tab
< /div>
< div title="Third Tab" iconCls="icon-reload" closable="true" style="padding:10px;">
Third Tab
< /div>
< /div>

我們創建具有三個面板的一個標簽組件，第二個和第三個面板可以通過點擊關閉按鈕關閉。

下載該EasyUI示例：

購買最新正版授權！""