Extjs ComboBox 动态选中第一项
有时候我们希望通过Store加载过来的数据,ComboBoxItem能够选择第一条数据作为默认数据,我们可以这么操作:
var storeinfo = Ext.create('Ext.data.Store', { model: SaleInfo, autoLoad: false, pageSize: 10000, proxy: { type: 'ajax', url: '/URL/JSON', reader: { type: 'json', rootProperty: 'Data', totalProperty: 'TotalCount' } } });
然后定义Storeinfo的Load方法,配置Callback回调
////数据加载之后,回调设置ComboBox选择第一项 storeinfo.load({ scope: this, callback: function (records, operation, success) { if (records.length > 0) { Ext.getCmp("BranchId").select(storeinfo.getAt(0)); } else { Ext.getCmp("BranchId").setRawValue("暂无独立法人"); } } });
即可;
备注:
1、setRawValue()设置comboBox显示文本内容,getRawValue()获取显示内容文本;
2、setValue()设置comboBox值,getValue()获取comboBox值;