Ext.onReady(function(){ 
        // simple array store 
        Ext.exampledata.provinces = [[ ' ',  '全部 '], [ 'BJ ',  '北京 '], [ 'SH ',  '上海 ']]; 
        var store = new Ext.data.SimpleStore({ 
            fields: [ 'code ',  'label '], 
            data : Ext.exampledata.provinces  
        }); 
        //initialize a combobox object 
        combo = new Ext.form.ComboBox({ 
            store: store,                   //datasource 
            valueField: 'code ', 
            displayField: 'label ',           //display field 
            typeAhead: true,                //自动将第一个搜索到的选项补全输入                
              mode:  'local ', 
            triggerAction:  'all ', 
            emptyText: '全部 ', 
            selectOnFocus:true, 
            resizable:true, 
            forceSelection:true 
        }); 
        combo.applyTo( 'province ');就像这样单独使用,但是浏览器总是抱错 , 我用的是Ext 2.0

解决方案 »

  1.   


    var combo = new Ext.form.ComboBox({
         id:'filiale',
         fieldLabel:"所在组",
         hiddenName:"groupId",  // 下拉框在 HTML 中显示的名称
          allowBlank :false,
         width:201,
         selectOnFocus:true,
         valueField:"fid",      // 提交表单时,下拉框的值
          displayField:'title',   // 显示在页面上下拉框的值
          emptyText:'请选择..',
         editable:false,
         mode:"local",
         forceSelection:true,
         triggerAction:'all',
         allowBlank:false,
         store: new Ext.data.JsonStore({
              // 动态从后台提取数据并填充到 ComboBox
              autoLoad:true,
              fields: ['fid', 'title'],
              url: '../../MyPages/Colligate/UploadFiliale.aspx?id='+encodeURI(v),
         }),
         typeAhead: true,
         listeners:{
             select  :function(combo,record,index){
                  alert(combo.value);
             }
         }        
    });