ext之读取本地数据ComboBox-优快云博客

本文介绍了如何使用ExtJS框架中的ComboBox组件从JSON文件及数组加载数据。具体展示了配置ComboBox属性，如设置宽度、标签、触发操作等，并通过示例说明了如何定义数据源和字段映射。

1、数据来自 json 文件

 var record2=Ext.data.Record.create([
	 {name:'stateId',type:'string'},	 
	 {name:'stateName',type:'string'}
	 ])
	 var render2=new Ext.data.JsonReader({root:'carType'},record2);
	 var store2 = new Ext.data.Store({
		 url:'emergencyCarType.json',
		 reader:render2
	 });
	 store2.load();
	  var carType=new Ext.form.ComboBox({
		  	 id:'sort_',
 			 width : 100,
 			 fieldLabel : '类别',
			 triggerAction:"all",//是否开启自动查询功能
			 store:store2,//定义数据源
			 displayField:"stateName",//关联某一个逻辑列名作为显示值
			 valueField:"stateId",//关联某一个逻辑列名作为实际值
			 mode:"local",//如果数据来自本地用local 如果来自远程用remote默认为remote
			 emptyText:"请选择..."//没有选择时候的默认值
		});

2、数据来自 Array.

 var status = new Ext.form.ComboBox({
  	  id:'status_',
      width : 70,
      fieldLabel : '状态',
      triggerAction: 'all',
      lazyRender:true,
      mode: 'local',
      store: new Ext.data.ArrayStore({
          fields: [
              'idValue',
              'displayText'
          ],
          data: [['0', '停用'], ['1','启用']]
      }),
      valueField: 'idValue',
      displayField: 'displayText'
    });