jQuery EasyUI使用教程之建立標籤頁

<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示例：easyui-tabs-demo.zip

有興趣的朋友能夠點擊查看更多有關jQuery EasyUI的文章！