2012-05-10 2 views
1

qooxdoo SelectBox에서 사용자가 어떻게 선택하도록 할 수 있습니까? SelectBox를 처음에는 빈 선택 물과 함께 표시하고 싶습니다 (또는 "더 선택하십시오 ..."메시지). 사용자가 선택을하지 않으면 양식 유효성 검사가 실패하고 빨간색 "잘못된"장식 및 "필수"도구 설명과 함께 표시되는 selectBox가 필요한 textField처럼 표시됩니다.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에 대한 해결책을 찾았

가 초기 선택 해제를 얻으려면 상태, null로 보이지 않는 첫 번째 listItem을 추가하십시오. 모델 :

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

그런 다음 동일한 스타일 폼 유효성 검사기에 selectionBox와 같은 코드를 추가합니다.

답변