API Docs for: 1.0.0
Show:

nablarch.ui.Tab Class

Defined in: nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:6
Module: nablarch.ui

タブ制御

マークアップ仕様

<%-- タブ --%>
<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>

Item Index

Methods

Properties

Methods

render

() chainable

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:106

現在のウィジェットの状態に沿って、 このタブ及び制御対象領域の表示を切り替えるとともに、 フォーム上の要素に現在の選択状態を反映する。

select

() chainable

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:85

このタブを選択する。

このメソッド実行後は以下の状態となる。

  • 同じタググループ内に存在する全てのタグを非選択状態に変更し、その対象領域を非表示にする。
  • このタブを選択状態に変更し、対象領域を表示する。

なお、このタブが既に選択状態にある場合はなにもしない。

Tab

(
  • element
  • opts
)

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:45

コンストラクタ関数

Parameters:

  • element HTMLElement

    タブのHTML要素

  • opts Object

    ウィジェットのオプションオブジェクト

unselect

() chainable

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:99

このタブを非選択状態にする。

Properties

$content

JQuery

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:73

このタブを使って表示・非表示を切り替える対象領域を保持するjQuery結果セット

$input

JQuery

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:79

このタブの選択状態を保持するフォーム要素を保持するjQuery結果セット

event

Object static

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:117

イベント定義

  Tab.event = {
      'click' : 'select'
  };

name

String

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:53

タググループ名 現在選択中のタグ名はこのname値をもったform要素に保持される。

selected

Boolean

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:67

このタグが選択状態にあるかどうか

value

String

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:60

タグ名 このタグが選択中であった場合、この値がform要素に保持される。

widgetType

Unknown final static

Defined in nablarch-widget-tab\ui_public\js\nablarch\ui\Tab.js:132

ウィジェット識別子

Default: "nablarch_Tab"