如何使用jquery easyui創(chuàng)建標(biāo)簽組件

更新時間：2015年11月18日 11:19:15 投稿：mrr

這篇文章主要介紹了如何使用jquery easyui創(chuàng)建標(biāo)簽組件的相關(guān)資料,需要的朋友可以參考下

jQuery EasyUI v1.4.4 下載網(wǎng)址：http://www.dbjr.com.cn/codes/70218.html

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

標(biāo)簽一次只能顯示一個面板，每個面板都有標(biāo)題、圖表和關(guān)閉按鈕。當(dāng)標(biāo)簽被選中之后，會顯示相應(yīng)面板的內(nèi)容。

使用HTML標(biāo)記創(chuàng)建標(biāo)簽，其中包括一個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>

我們創(chuàng)建具有三個面板的一個標(biāo)簽組件，第二個和第三個面板可以通過點擊關(guān)閉按鈕關(guān)閉。

您可能感興趣的文章:

相關(guān)文章

SuperSlide標(biāo)簽切換、焦點圖多種組合插件
SuperSlide 是致力于實現(xiàn)網(wǎng)站統(tǒng)一特效調(diào)用的函數(shù)，能解決大部分標(biāo)簽切換、焦點圖切換等效果，還能多個slide組合創(chuàng)造更多的效果。（兼容ie內(nèi)核(包括無敵的 ie6)、webkit內(nèi)核、ff、opera等主流瀏覽器）。
2015-03-03
jquery仿QQ登錄賬號選擇下拉框效果
這篇文章主要為大家詳細(xì)介紹了jquery仿QQ登錄賬號選擇下拉框效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-03-03
flexigrid 類似ext grid的JS表格代碼
flexigrid是類似ext grid的JS表格，不過基于jQuery，目前只是beta版，例子不十分完整。
2010-07-07
Jquery中使用setInterval和setTimeout的方法
有時候需要在jquery中調(diào)用setInterval和setTimeout,直接在ready中調(diào)用其他方法，會提示缺少對象的錯誤，解決方法如下
2013-04-04
jquery ajax分頁插件的簡單實現(xiàn)
這篇文章主要介紹了jquery ajax分頁插件的簡單實現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2016-01-01
jQuery插件實現(xiàn)大圖全屏圖片相冊
這篇文章主要介紹了jQuery插件實現(xiàn)大圖全屏圖片相冊的方法和示例，基于jQuery插件jQuery.album.js來實現(xiàn)的，效果非常不錯，這里推薦給大家，希望大家能夠喜歡。
2015-03-03
jQuery表單域選擇器用法分析
這篇文章主要介紹了jQuery表單域選擇器用法,實例分析了常見的表單元素選擇器的使用技巧,并給出了一個完整的實例總結(jié),需要的朋友可以參考下
2015-02-02
Jquery操作Select 簡單方便一個js插件搞定
Jquery其實本身可以操作select表單，但是由于比較反鎖，沒有.net 控件那樣去操作方便，我在網(wǎng)上Google了一會，發(fā)現(xiàn)了一個不錯的專門操作select的插件，很好，使用過了，感覺蠻不錯的。
2009-11-11
Jquery插件之打造自定義的select標(biāo)簽
自帶的select標(biāo)簽有時候不能滿足我們的需求，所以自定義一個select標(biāo)簽插件，需要的朋友可以參考下。
2011-11-11
jQuery插件FusionCharts實現(xiàn)的2D面積圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts實現(xiàn)的2D面積圖效果,結(jié)合完整實例形式分析了FusionCharts繪制2D面積圖的完整步驟與相關(guān)屬性設(shè)置操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03