extjs ComboBox 연동 드롭다운 메뉴 예

2228 단어 EXT
자세히 보기

var provinces = [[1,' '],[2,' ']];
var cities = new Array(); 
cities[1] = [[11,' '],[22,' ']]; 
cities[2] = [[33,' '],[44,' '],[55,' ']];

var comboProvinces = new Ext.form.ComboBox({

           store: new Ext.data.SimpleStore(  {
                   fields: ["provinceId", "provinceName"],
                   data: provinces
          }),

           listeners:{
                  select:function(combo, record,index){
                         comboCities.clearValue();
                         comboCities.store.loadData(cities[record.data.provinceId]);
                 }
          },

          valueField :"provinceId",
          displayField: "provinceName",
          mode: 'local',
          forceSelection: true,
          blankText:' ',
          emptyText:' ',
          hiddenName:'provinceId',
          editable: false,
          triggerAction: 'all',
          allowBlank:true,
          fieldLabel: ' ',
          name: 'provinceId',
          width: 80 

});

 var comboCities = new Ext.form.ComboBox({
            store: new Ext.data.SimpleStore(  {
                        fields: ["cityId",'cityName'],
                       data:[]
            }),

            valueField :"cityId",
            displayField: "cityName",
            mode: 'local',  
            forceSelection: true,
            blankText:' ',
            emptyText:' ',
            hiddenName:'cityId',
            editable: false,
            triggerAction: 'all',
            allowBlank:true,
            fieldLabel: ' ',
            name: 'cityId',
            width: 80
}); 


ComboBox 컨트롤의 id와hiddenName을 똑같이 설정하지 마십시오. 그렇지 않으면 옵션이 선택되지 않습니다. ComboBox의 버그인지 알 수 없습니다.

좋은 웹페이지 즐겨찾기