具体效果
var grid = Ext.create('Ext.grid.Panel', {
autoLoad : false,
id : 'telycGrid',
autoScroll : true,
height : '100%',
// cls:'top-circlr',
multiSelect : false,// 单选
headerBorders : true,
columnLines : true,
border : true,
viewModel : true,//
margin : '6px 6px 0px 6px',
selModel : {
selType : 'rowmodel',
mode : 'SINGLE'
},
defaults : {
align : 'left'
},
plugins : {
rowediting : {
clicksToEdit : 1
// 可编辑grid
}
},
store : store,
columns : [new Ext.grid.RowNumberer({
header : '',
width : 40
}), {
header : '量测ID',
dataIndex : 'URI',
flex : 1
}, {
header : '量测描述',
dataIndex : 'Desc',
flex : 1.5,
menuDisabled : true
}, {
header : '类型描述',
dataIndex : 'Type',
flex : 1,
menuDisabled : true
}, {
header : '类型值',
dataIndex : 'Type',
flex : 1,
menuDisabled : true
}, {
header : 'RTU号',
dataIndex : 'rtuNo',
flex : 0.8,
menuDisabled : true
}, {
header : '点号',
dataIndex : 'no',
flex : 0.6,
menuDisabled : true
}, {
header : '状态',
dataIndex : '',
flex : 0.6,
menuDisabled : true
}, {
header : '系数',
dataIndex : 'k',
flex : 0.6,
menuDisabled : true,
editor : {// 编辑grid
xtype : 'textfield',
allowBlank : false,
regex : /^[0-9]+(.[0-9]{1,3})?$/,
id : 'k_yc',
regexText : "只能输入有1-3位小数的正实数"
}
}, {
header : '截距',
dataIndex : 'b',
flex : 0.6,
menuDisabled : true,
editor : {// 编辑grid
xtype : 'textfield',
allowBlank : false,
regex : /^[0-9]+(.[0-9]{1,3})?$/,
id : 'b_yc',
regexText : "只能输入有1-3位小数的正实数"
}
}],
listeners : {
afterrender : function() {
}
}
});
关键点就是
plugins : {
rowediting : {
clicksToEdit : 1
// 可编辑grid
}
}
和column里的
editor : {// 编辑grid
xtype : 'textfield',
allowBlank : false,
regex : /^[0-9]+(.[0-9]{1,3})?$/,
id : 'k_yc',
regexText : "只能输入有1-3位小数的正实数"
}