nablarch.ui.TabLink Class
タブ制御
マークアップ仕様
<%-- タブ --%>
<div class="nablarch_Tab
-name tabGroup1
-value tab1
-content #content1
selected">
タブ1
</div>
<div class="nablarch_Tab
-name tabGroup1
-value tab2
-content #content2">
タブ2
</div>
<%-- タブの選択状態を保持するためのフォーム要素 --%>
<n:plainHidden name="tabGroup1" />
<%-- タブで開閉する領域の中身 --%>
<div id="content1" style="display:none">
コンテンツ1の内容
</div>
<div id="content2" style="display:none">
コンテンツ2の内容
</div>
Methods
TabLink
(
-
element
-
opts
コンストラクタ関数
Parameters:
-
element
HTMLElementタブのHTML要素
-
opts
Objectウィジェットのオプションオブジェクト
Properties
event
Object
static
イベント定義
Tab.event = {
'click' : 'select'
};
name
String
タググループ名
現在選択中のタグ名はこのname値をもったform要素に保持される。
widgetType
Unknown
final
static
ウィジェット識別子
Default: "nablarch_TabLink"