fc2ブログ

リスト・コンボボックス

リストボックスの作成方法は、
<!-- Page: --> 
<apex:form>
<apex:selectList value="{!countries}"
<apex:selectOptions value="{!items}"/>
</apex:selectList><p/>
</apex:form>

/*** Controller: ***/

String[] countries = new String[]{};

public List<SelectOption> getItems() {
List<SelectOption> options = new List<SelectOption>();
options.add(new SelectOption('US','US'));
options.add(new SelectOption('CANADA','Canada'));
options.add(new SelectOption('MEXICO','Mexico'));
return options;
}

public String[] getCountries() {
return countries;
}

public void setCountries(String[] countries) {
this.countries = countries;
}


コンボボックスにしたい場合は、
<!-- Page: --> 
<apex:selectList value="{!countries}" multiselect="false" size="1">

/*** Controller: ***/
public void setCountries(String country) {
this.countries = new String[]{country};
}
にする。

※2009/12/15 追記
rendered = "false" をタグに追加することで表示しないこともできる。

スポンサーサイト



ラジオボタン

ラジオボタンの作成方法です。
<!-- Page: --> 
<apex:form>
<apex:selectRadio value="{!country}">
<apex:selectOptions value="{!items}"/>
</apex:selectRadio><p/>
</apex:form>

/*** Controller ***/
public List<SelectOption> getItems() {
List<SelectOption> options = new List<SelectOption>();

options.add(new SelectOption('US','US'));
options.add(new SelectOption('CANADA','Canada'));
options.add(new SelectOption('MEXICO','Mexico'));

return options;
}

public String getCountry() {
return country;
}

public void setCountry(String country) { this.country = country; }
以上で横にラジオボタンが作成されます。

縦に表示したい場合は
<apex:selectRadio value="{!country}" layout="pageDirection" >
とする。


※ 11/26追記
ラジオボタンの初期選択方法
/*** Controller ***/ 
public List<SelectOption> getItems() {
List<SelectOption> options = new List<SelectOption>();

options.add(new SelectOption('01','US'));
options.add(new SelectOption('02','Canada'));
options.add(new SelectOption('03','Mexico'));

// 初期値選択
country = '01';

return options;
}

上記のように直接指定をしてやればよい。
FC2カウンター
プロフィール

くりゅりゅ

Author:くりゅりゅ
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード