API Docs for: 1.0.0
Show:

nablarch.ui.ToggleCheckbox Class

チェックボックスの全選択/全解除

チェックボックスの全選択および全解除の機能をもつ。

マークアップ仕様

全選択(全解除)のリンクやボタン等を配置するDOMに対して、nablarch_Toggle_checkboxクラスを設定する。 nablarch_Toggle_checkboxにはオプションとして、toggleTargetを設定する。 toggleTargetオプションには、操作対象のチェックボックスを示すクラス属性を設定する。

操作対象のチェックボックスには、toggleTargetオプションで指定したクラスと、 toggleクラスをセットで設定する。

実装例(HTML)

<%-- 全選択/全解除のリンク --%>

<%-- 操作対象のチェックボックス --%>

Item Index

Methods

ToggleCheckbox

(
  • element
  • opts
)
Tooltip

コンストラクタ関数

第2引数に渡すオプションオブジェクトの内容は以下のとおり。

-toggleTarget 全選択/全解除を行う対象のチェックボックスのclass属性の値

Parameters:

  • element Element

    マーカCSSを指定したDOMノード

  • opts Object

    各種オプションを保持するオブジェクト

Returns:

Tooltip:

インスタンス

ToggleCheckbox

(
  • element
  • opts
)

コンストラクタ関数。

第2引数に渡すオプションオブジェクトの内容は以下のとおり。

-toggleTarget 全選択/全解除を行う対象のチェックボックスのclass属性の値 (toggleTargetオプションに指定した値を操作対象のチェックボックスのclass属性に「toggle」クラスとセットで指定することで、チェックボックスの全選択/全解除が可能となる)

Parameters:

  • element Element

    マーカCSSを指定したDOMノード

  • opts Object

    オプションを保持するオブジェクト