标签：style blog io color ar os 使用 for sp
在ComboBox作为选择条件时，需要可以把ComboBox的值选择为空的情况，同时也
把作为该ComboBox的取值的store作为Grid的内容，这样就不能在服务器端取得值
构造json数据加入空白选择，只能在客户端实现。具体实现方法如下：
1、store定义：（红色字体部分是在store开头加入空白数据）
1 Ext.define(‘YakApp.store.Branchs‘, { 2 extend: ‘Ext.data.Store‘, 3 model: ‘YakApp.model.Branch‘, 4 autoLoad: true, 5 sorters: [‘name‘], 6 7 listeners:{ 8 ‘load‘: function(store, records, options) { 9 store.insert(0, Ext.create(‘YakApp.model.Branch‘,{id:‘‘,name:‘‘})); 10 } 11 } 12 13 });
2、model定义：
1 Ext.define(‘YakApp.model.Branch‘, { 2 extend: ‘Ext.data.Model‘, 3 fields: [‘id‘, ‘name‘], 4 5 proxy: { 6 type: ‘ajax‘, 7 url: ‘data/branch.json‘, 8 reader: { 9 type: ‘json‘, 10 rootProperty: ‘data‘ 11 } 12 } 13 });
3、在Controller类引入store
1 stores: ["Branchs"]
4、在View类中使用上面的Store定义ComboBox组件
1 { 2 xtype: ‘combo‘, 3 width: 150, 4 store: ‘Branchs‘, 5 editable: false, 6 queryMode: ‘remote‘, 7 displayField: ‘name‘, 8 valueField: ‘id‘, 9 tpl: Ext.create(‘Ext.XTemplate‘, 10 ‘<tpl for=".">‘, 11 ‘<div class="x-boundlist-item" style="height:21px">{name}</div>‘, 12 ‘</tpl>‘ 13 ) 14 }
其中9-13代码是为了显示空白值时显示高度和正常值一样，做的一个设置。
5、实现效果如下：
标签：style blog io color ar os 使用 for sp
原文地址：http://www.cnblogs.com/yak0/p/4072347.html
