extjs中combobox与editorgridpanel的结合

问题：combobox的显示列与值列通常是不一致的，在可编辑的gridpanel处理一下

,{
				header : '采购级别',
				dataIndex : 'stockLevel',
				renderer : getStockLevel,
		           editor: stockLevelCombobox
			}
var stockLevelCombobox=new Ext.form.ComboBox({  
					
					store: new Ext.data.SimpleStore( {  

					fields: ["id", "name"],  

					data: stockLevels  

					}),  

					
					
					valueField :"id",  

					displayField: "name",  

					mode: 'local',  

					forceSelection: true,  

					

					hiddenName:'id',  

					editable: false,  

					triggerAction: 'all'					
					});
function getStockLevel(value) {
		
		var rowIndex = stockLevelCombobox.store.find("id",""+value);
		if(rowIndex<0) return '请选择..';
		var record=stockLevelCombobox.store.getAt(rowIndex);
		return record ? record.get('name') : '请选择..';
			
		
	}

评论

2 楼 fourfire 2010-04-16  

可以啊，很多的例子

// 厂商下拉
			var manufacture_ds = new Ext.data.Store({
				remoteSort:true,
				sortInfo:{field: "name", direction: "ASC"},
						proxy : new Ext.data.HttpProxy({
									url : 'device/getManufactureInfos.do'
								}),
						reader : new Ext.data.JsonReader({
									totalProperty : 'totalProperty',// 记录数的属性
									root : 'root'
								}, ['id', 'name', 'name1', 'name2'])
					});
			var manufacture_resultTpl = new Ext.XTemplate(
					'<div class="search-item-header"><h3>'
							+ '<span style="width=100px">名称</span>'
							+ '<span style="width=100px">别名1</span>'
							+ '<span style="width=80px">别名2</span>'
							 + '</h3></div>',
					'<tpl for="."><div class="search-item">',
					'<h3><span style="width=100px">{name}</span><span style="width=100px">{name1}</span><span style="width=80px">{name2}</span></h3>',
					'</div></tpl>');

editor : new Ext.form.ComboBox({
						store : manufacture_ds,
						displayField : 'name',
						queryParam:'param',
						gridObj : this,
						typeAhead : false,
						loadingText : '正在查找...',
						listWidth : 340,
						pageSize : 10,
						hideTrigger : true,
						tpl : manufacture_resultTpl,
						allowBlank : false,
						minChars : 1,
						itemSelector : 'div.search-item',
						listeners : {
							select : function(combo, record, index) {

								var selModel = combo.gridObj
										.getSelectionModel();

								if (selModel.hasSelection()) {
									var selections = selModel.getSelections();
									combo.gridObj.stopEditing();
									Ext.each(selections, function(item) {
												item
														.set(
																'manufacture',
																record
																		.get('manufacture'));
												

											});
								}
								combo.collapse();
							}
						}

					}),
					dataIndex : 'manufacture'

1 楼 ww20042005 2010-04-16  

可不可以在这个基础上把下拉框做成可以模糊查询，输入一个字，下拉框上会出现包含这个字的内容。