//sample
nakatojiLib.addCntl("radio", [10, 10], undefined, {
	interval: 5,
	items: ["A", "B", "C"],
	name: "rb1",
});
nakatojiLib.addCntl("radio", [40, 10], undefined, {
	interval: 5,
	isVertical: true,
	items: ["D", "E", "F"],
	name: "rb2",
	selected: 1
});

・セレクタ(第1引数)

「radio」を指定します。

・位置指定(第2引数)

左上の座標軸を [y, x] で指定します。

・サイズ(第3引数)

サイズ指定はありません。

・オプション(第4引数)

下記参照。

 

<作成時のオプション>

作成時のオプションとして以下のプロパティを設定することができます。

・disabled

アクティブか非アクティブかの設定です。設定しない場合のデフォルト値はfalseです。

・interval

チェックボックスは複数のアイテムで構成されるグループが前提になります。それらを並べる間隔をピクセルで指定します(単位はつけません)。

・isVertical

アイテムを横並びにするか縦並びにするかの設定で、trueで縦並びになります。設定しない場合のデフォルト値はfalseです。

・items

ここにアイテムを文字列の配列で設定します。

・name

作成後に個々のUIオブジェクトをハンドリングするための名称です。ほかと重複しない固有の名称を文字列で設定します。チェックボックスの場合、ユーザーアクションに対応しなければならないので必須となります。

・selected

グループ内のどのアイテムを初期選択値にするかの設定です。設定しない場合のデフォルト値は0(一番最初)です。

 

<プロパティを取得・変更する関数>

作成後は以下の関数を使うことができます(UIオブジェクトの設定値を取得・変更する 参照)。

・disabled() / disabled(bool)

引数を渡さない場合はアクティブ/非アクティブの現在値を取得し、true/falseの引数を渡すと現在の設定を変更することができます。

var res= nakatojiLib.ctrlDB["rb1"].disabled(); //設定値を取得
nakatojiLib.ctrlDB["rb1"].disabled(true); //値を設定

・selected() / selected(integer)

引数を渡さない場合は現在の選択アイテムを取得し(インデックス)、引数に値を渡すと現在の選択アイテムを変更することができます。

var res= nakatojiLib.ctrlDB["rb1"].selected(); //選択中のアイテムを取得
nakatojiLib.ctrlDB["rb1"].selected(2); //選択アイテムを変更

 

<イベント>

ntEventHandler関数の引数に渡されるイベントは以下の通りです(ユーザーイベントの処理 参照)。

・第1引数 nameプロパティ

・第2引数 changed(クリック時)

・第3引数 選択されているアイテム(クリック後の値・インデックス)

 

 

 

 

Joomla templates by a4joomla