Ext.grid.EditorGridPanel 单元格套用下拉列表ComboBox

来源:互联网 发布:淘宝创作达人怎么申请 编辑:程序博客网 时间:2024/05/08 06:44
function MentalWithMod(id){
var mentalResultGridStore = new Ext.data.JsonStore({
proxy : new Ext.data.HttpProxy({
url : '获取后台数据URL',
method : 'POST',
defaultHeaders : {Accept : 'application/json'}
}),
listeners : {
remove : function(s, r, i){
var deletedId = r.get('id');
if(deletedId){
if(s.deletedIds){
s.deletedIds += ',' + deletedId;
}else{
s.deletedIds = deletedId;
}
}
}
},
fields : ['id','flwMentalId','medType', 'medName', 'methodVolume',  'remark']
})

var svcMedTypeStore = new Ext.data.JsonStore({
fields: ['name', 'value'],
data : [{name : '西药', value : '1'},
{name : '中药', value : '2'},
{name : '胰岛素', value : '3'}]
});

var svcMedTypeCombo = new Ext.form.ComboBox({
store: svcMedTypeStore,
valueField : 'value',
displayField:'name',
mode: 'local',
forceSelection: true,
editable : false,
triggerAction: 'all',
selectOnFocus:true
});
new Ext.grid.EditorGridPanel({
id : 'mentalGrid',
renderTo : 'svc_ex_take_med',
store : mentalResultGridStore,
enableHdMenu : false,
loadMask : true,
stripeRows : true,
width:770,
height : 180,
viewConfig: {
forceFit : true
},
sm : new Ext.grid.RowSelectionModel({singleSelect:true}),
columns: [
{header : '药物类别',dataIndex : 'medType', editor:svcMedTypeCombo,renderer:function(value, cellmeta, record){
var index = svcMedTypeStore.find(svcMedTypeCombo.valueField,value);
var ehrRecord = svcMedTypeStore.getAt(index);
var returnvalue = "";
if (ehrRecord) {
returnvalue = ehrRecord.get('name');
}
return returnvalue;
}
},
{header : '药品名称',dataIndex : 'medName', editor: {xtype:'textfield'}},
{header : '用法用量',dataIndex : 'methodVolume', editor: {xtype:'textfield'}},
{header : '备注',dataIndex : 'remark', editor: {xtype:'textfield'}},
{header : '',dataIndex : 'operation', iconCls : 'del',
renderer : function(){
return "<span style='cursor:pointer;'><img src='"+baseUrl+"/static/styles/images/icons/del.png'onclick='deleteMental()'/></span>";
}
}
]
});

}



原创粉丝点击