jQueryはExtJSのTabPanelを模倣
3064 ワード
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
一意であるか、パラメータを設定しない必要があります.そうしないと、タブコンポーネントに追加できません.デフォルトでは自動生成されます.
title
動的に設定できます.
closeable
trueは閉じることができ、falseは閉じることができず、デフォルトはtrueです.
2.効果は図の通り:
注意:
ついでにToolbar、WindowPanelなどのコントロールも封入されています