jquery easyui_jqueryを使用してラベルコンポーネントを作成する方法

jQuery EasyUI v1.4.4 ダウンロード URL: http://www.jb51.net/codes/70218.html

このチュートリアルでは、easyui を使用してラベル コンポーネントを作成する方法を示します。タグは複数のパネル間で動的に追加または削除でき、タグを使用して同じページに異なるエンティティを表示できます。

ラベルは一度に 1 つのパネルのみを表示でき、各パネルにはタイトル、グラフ、および閉じるボタンがあります。ラベルを選択すると、対応するパネルの内容が表示されます。

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>

3 つのパネルを持つラベル コンポーネントを作成します。2 番目と 3 番目のパネルは、閉じるボタンをクリックして閉じることができます。