jQueryのEasyUIレイアウト - タブ(タブ)を作成
このチュートリアルでは、easyuiタブコンポーネントを作成するために、遅延を使用する方法を示しています。 タブには、複数の動的パネル(パネル)を追加または削除することができます。 あなたは、同じページ上の別のエンティティを表示するためにタブを使用することができます。
タブは一度だけのパネル(パネル)を示し、各パネル(パネル)は、タイトル、アイコンと閉じるボタンがあります。 タブが選択され、対応する表示パネル(パネル)のコンテンツ。
HTMLからタブタグの作成、DIVのDIV容器とパネル(パネル)の数が含まれています。
<DIVクラス= "easyui-タブ"スタイル= "幅:400ピクセル、高さ100ピクセル;"> <DIVタイトル= "最初のタブ"スタイル= "パディング:10pxの;"> 最初のタブ </ DIV> <DIVタイトル= "2つ目のタブ"閉鎖可能= "true"のスタイル= "パディング:10pxの;"> 2番目のタブ </ DIV> <DIVタイトル= "3番目のタブ" iconCls = "アイコンリロード"閉鎖可能= "true"のスタイル= "パディング:10pxの;"> 3番目のタブ </ DIV> </ DIV>
我々は3つのタブパネル(パネル)を持つコンポーネントを作成し、第二および第三のパネル(パネル)[閉じる]ボタンをクリックして閉じることができます。