jQueryはExtJSのTabPanelを模倣



copyされて、ありがとうございます私を広めて、へへ、私はとても怠け者です.
 http://www.web-delicious.com/jquery-plugins-demo/wdScrollTab/docs/index.htm
 
fix_0_1:          HTML    body backgroundColor , FF    BUG;
fix_0_2:     resize,TabPanel   resize( :resize     ,TabPanel     body ,       resize  ,       resize  );
fix_0_3:            ,           ,                     ,                   ,      ;
fix_0_4:        ,         ;
fix_0_5:         render      ,          ,    ;

 
 
 
 
1.ヘルプ:
TabPanel(タブコンポーネント)
パラメータの説明
renderToコンテナにレンダリング
タブコンポーネントをコンテナにレンダリングします.パラメータタイプは文字列でもjQueryでもロードできるオブジェクトでも、パラメータを宣言する場合は、コンポーネントのデフォルトのベアラコンテナはBODYです.
itemsタブ要素セット
タブコンポーネントがレンダリングされると表示されるタブ要素のセットです.具体的なパラメータは、タブ要素を参照してください.
width
タブコンポーネントの合計幅、デフォルト400 px.
Height高さ
タブコンポーネントのページ表示レイヤの高さ、デフォルト300 px.
border枠線を表示するかどうか
タブをネストすると、枠線が繰り返され、美しさに影響を与え、borderを「none」に設定すると、デフォルトで枠線が表示され、「none」以外のパラメータ値は受け入れられません.
Activeレンダリング後にデフォルトでアクティブになるタブ要素
下付き文字は0で始まり、デフォルトは0です.
maxLengthタブ要素を最大数個表示
-1は無限で、デフォルトは-1です.
tabsタブコンポーネントのすべてのタブ要素を取得
必要に応じて、タブコンポーネントのすべてのタブ要素を取得できます.
パブリックメソッド
addTab(object)タブ要素を追加
タブコンポーネントにタブ要素を動的に追加します.
flush(string|number)タブ要素の内容をリフレッシュ
タブ要素の内容をリフレッシュします.パラメータはタブ要素のIDまたは下付きにできます.
show(string|number)タブ要素の表示
タブ要素のIDまたは下付きのパラメータを設定するタブ要素が表示されます.
Kill(string|number)タブ要素を閉じる
タブ要素を閉じます.パラメータはタブ要素のIDまたは下付きにできます.
getTabsCount()タブ要素数の取得
gettitle(string|number)タブ要素のタイトルを取得
settitle(string|number,string)タブ要素のタイトルを設定する
getContent(string|number)タブ要素の内容を取得
setContent(string|number,string)タブ要素の内容を設定する
getDisable(string|number)タブ要素が無効かどうか
setDisable(string|number)タブ要素が無効かどうかを設定
getCloseable(string|number)タブ要素を閉じるかどうか
setCloseable(string|number,boolean)タブ要素を閉じるかどうかを設定
getActiveTab()アクティブなタブ要素を取得
使用方法
ページ導入jQuery.js、TabPanel.js、Fader.js、TabPanel.css
new TabPanel({
  renderTo:'tabs',
  width: '100%',
  height: '500px',
  active: 0,
  items: [{
title:'ワークセンター',
    html:'',
    closable: false
  }]
});
TabPanel item(タブ要素)
パラメータの説明
id要素ID
一意であるか、パラメータを設定しない必要があります.そうしないと、タブコンポーネントに追加できません.デフォルトでは自動生成されます.
title要素タイトル
動的に設定できます.
closeableを閉じるかどうか
trueは閉じることができ、falseは閉じることができず、デフォルトはtrueです.
 
2.効果は図の通り:
 
  
注意:
ついでにToolbar、WindowPanelなどのコントロールも封入されています