Bshe Site
Smart HTML Extender
Bshe/manual/Bshe_View/doc/Designer/select [SELECTタグの表現] - Wiki
Table of contents
Bshe利用マニュアル 
SELECTタグの表現
テーブルのような繰り返しのほかにSELECTタグのOPTIONやOPTGROUPタグを生成する機能も用意されています。
SELECTタグでは、
の2つに対応しています。
OPTIONのみ
SELECTタグにOPTIONタグを表示する方法。
SELECTタグの表現には、
- SELECTタグ本体
- 追加に利用するoptionタグ１つ
の2つのキー属性が必要です。
- SELECTタグ本体 SELECTタグ自体にセットするキー属性で、以下のような構造になります。
bshe::select:select:[selectへセットする配列名]
- 追加に利用するoptionタグ optionタグを生成するひな形のキー属性で、以下のような構造になります。
bshe::select:option:[selectへセットする配列名]
- このキー属性はSELECTタグ本体を示すタグの内側にある必要があります。
実際に以下のようなHTMLを記載し、
<select key="bshe::select:select:selecttbl"> <option key="bshe::select:option:selecttbl"></option> </select>
selecttblという配列に以下のような配列をセットすると
array(
'_values' => array(
0 => array(
array('a' => array( 'value' ,'cel1')),
array('a' => array( 'innerHTML' ,'cel1text'))
),
1 => array(
0 => array('a' => array( 'value' ,'cel2')),
1 => array('a' => array( 'innerHTML' ,'cel2text'))
),
2 => array(
0 => array('a' => array( 'value' ,'cel3')),
1 => array('a' => array( 'innerHTML' ,'cel3text'))
)
)
)以下のようなHTMLが生成されます
<select> <option value="cel1">cel1text</option> <option value="cel2">cel2text</option> <option value="cel3">cel3text</option> </select>
値の他に、タグ自体に属性やスタイルをセットすることも可能です。 詳細はプログラマー向けマニュアルを参照してください。
OPTGROUPを利用したもの
SELECTタグにOPTGROUPタグとOPTIONタグを表示する方法。
OPTGROUPを利用したSELECTタグの表現には、
- SELECTタグ本体
- 追加に利用するoptgroupタグが１つ
- 追加に利用するoptionタグ１つ
の3つのキー属性が必要です。
- SELECTタグ本体 SELECTタグ自体にセットするキー属性で、以下のような構造になります。
bshe::select:select:[selectへセットする配列名]
- 追加に利用するoptgroupタグ optionタグを生成するひな形のキー属性で、以下のような構造になります。
bshe::select:optgroup:[selectへセットする配列名]
- 追加に利用するoptionタグ optionタグを生成するひな形のキー属性で、以下のような構造になります。
bshe::select:option:[selectへセットする配列名]
- このキー属性はSELECTタグ本体を示すタグの内側にある必要があります。
実際に以下のようなHTMLを記載し、
<select key="bshe::select:select:selecttbl">
<optgroup key="bshe::select:optgroup:selecttbl">
<option key="bshe::select:option:selecttbl"></option>
</optgroup>
</select>selecttblという配列に以下のような配列をセットすると
array(
'_values' => array(
0 => array(
'_assigns' => array(
array('a' => array('label', 'グループ1'))
),
'_values' => array(
0 => array(
array('a' => array( 'value' ,'cel1')),
array('a' => array( 'innerHTML' ,'cel1text')
)
),
1 => array(
array('a' => array( 'value' ,'cel2')),
array('a' => array( 'innerHTML' ,'cel2text')
)
),
2 => array(
array('a' => array( 'value' ,'cel3')),
array('a' => array( 'innerHTML' ,'cel3text')
)
)
)
),
1 => array(
'_assigns' => array(
array('a' => array('label', 'グループ2'))
),
'_values' => array(
0 => array(
array('a' => array( 'value' ,'cel4')),
array('a' => array( 'innerHTML' ,'cel4text')
)
)
)
)
)
);以下のようなHTMLが生成されます
<select >
<optgroup label="グループ1" >
<option value="cel1" >cel1text</option>
<option value="cel2" >cel2text</option>
<option value="cel3" >cel3text</option>
</optgroup>
<optgroup label="グループ2" >
<option value="cel4" >cel4text</option>
</optgroup>
</select>値の他に、タグ自体に属性やスタイルをセットすることも可能です。 詳細はプログラマー向けマニュアルを参照してください。
| Page Info | |
|---|---|
| Page Name : | Bshe/manual/Bshe_View/doc/Designer/select |
| Page aliases : | SELECTタグの表現 |
| Page owner : | abe |
| Can Read | |
| Groups : | All visitors |
| Users : | All visitors |
| Can Edit | |
| Groups : | No one |
| Users : | No one |
Counter: 673,
today: 1,
yesterday: 0
Last-modified: 2009-01-26 (Mon) 21:41:01 (JST) (1209d) by abe