2012-05-10 5 views
1

qooxdoo SelectBoxからユーザーを選択するにはどうすればよいですか?私はSelectBoxを最初に空の選択肢で表示したいと思います(または、より良い選択、 "選択してください..."というメッセージ)。ユーザーが選択をしなかった場合はフォームの検証が失敗し、必要なtextFieldのようにredの "無効な"装飾と "必須の"ツールチップが表示されるselectBoxが必要です。qooxdooでSelectBoxを作成するにはどうすればよいですか?

RadioButtonGroupの場合も同様です。グループを最初に選択しないで表示させ、選択が行われるまで有効にならないようにする方法はありますか?


後...これは選択ボックスのケースのために働くようだ:それでも後半

var genderSlct = new qx.ui.form.SelectBox(); 
genderSlct.add(new qx.ui.form.ListItem("")); // initially selected null item 
genderSlct.add(new qx.ui.form.ListItem("Male", null, "M")); 
genderSlct.add(new qx.ui.form.ListItem("Female", null, "F")); 
... 

myForm.getValidationManager().setValidator(function(items) { 
    var valid = true; 

    if (genderSlct.getSelection()[0].getModel() == null) { 
     genderSlct.setValid(valid = false); 
     genderSlct.setInvalidMessage("Please select your gender."); 
    } 
    ... 

    if (valid) { 
     genderSlct.setValid(true); 
     ... 
     return true; 
    } else { 
     return false; 
    } 
}); 

...だけでなくは、RadioButtonGroupための解決策を見つけた:

は、その最初の非選択を取得するには状態、ヌルで非表示の最初のlistItemを追加します。モデル:

myRbg.add(new qx.ui.form.RadioButton("").set({ 
    model: null, visibility: "excluded" 
})); 

次に同じスタイルフォームバリデーターへのselectionBoxのコードと同じです。

答えて

関連する問題