[转]Extjs combo数据绑定与获取

原文地址:/article/5513829.html

1、

配置combo：

{
columnWidth: .3,
layout: 'form',
border: false,
items: [{
id: "txtP_Nation",
name: "txtP_Nation",
allowBlank: false,
width: 130,
fieldLabel: '民族',
emptyText: '请选择民族',
hiddenName: 'PM_id', //真正提交时此combo的name，请一定要注意
xtype: 'combo',
editable: false,
store: strNation,//设置数据源
displayField: 'PM_Name', //显示文本字段
valueField: 'PM_id',//value值字段id
mode: 'local',

triggerAction:
'all',,//请设置为"all",否则默认为"query"的情况下，你选择某个值后，再此下拉时，只出现匹配选项，如果设为"all"的话，每次
下拉均显示全部选项
selectOnFocus: true,
typeAhead: true
}]
}

2、数据源：

　　　　var strNation = new Ext.data.Store({
proxy: new Ext.data.HttpProxy(
{
url: '../form/Ala_HomeOtherPeople.ashx?cmd=GetParmater&type=nation'
}
),
reader: new Ext.data.JsonReader(
{ root: 'data' },
[
{ name: 'PM_id', type: 'string' },//id
{ name: 'PM_Name', type: 'string' }//名称
]
)
});
strNation.load();

编辑或修改数据时需要把要修改的数据显示在combo中：

strNation.load({ callback: function () {
Ext.getCmp("txtP_Nation").setValue(json.P_Nation);//json.P_Nation 为数据id
}
});

获取combo选中的id值：

var P_Nation = Ext.getCmp("txtP_Nation").getValue();