在ExtJs网格中编辑一行
您好,我正在使用ExtJS开发一个项目,需要在网格中编辑一行。我试图使用在Ext文档中找到的插件插件:[Ext.create('Ext.grid.plugin.RowEditing')],但当我点击该行时,网格上会出现更新和取消选项,但单元格不可编辑,有人知道发生了什么吗 该插件文档中的示例如下: 到目前为止,我的代码是:在ExtJs网格中编辑一行,extjs,Extjs,您好,我正在使用ExtJS开发一个项目,需要在网格中编辑一行。我试图使用在Ext文档中找到的插件插件:[Ext.create('Ext.grid.plugin.RowEditing')],但当我点击该行时,网格上会出现更新和取消选项,但单元格不可编辑,有人知道发生了什么吗 该插件文档中的示例如下: 到目前为止,我的代码是: Ext.define('GridEditavel',{ extend : 'Ext.grid.Panel', title: 'Grid Editavel', store:
Ext.define('GridEditavel',{
extend : 'Ext.grid.Panel',
title: 'Grid Editavel',
store: 'GridStore',
dockedItems : [ {
xtype : 'toolbar',
items : [ {
xtype: 'button',
text : i18n['vds.botao.nova.coluna'],
icon : Webapp.icon('add1.png'),
iconAlign : 'top',
handler : function() {
var gridView = Ext.ComponentQuery.query("gridpanel")[1];
Ext.Msg.prompt('Message', 'Enter a column number:', function(
btn, text) {
if (btn == 'ok' && text != null) {
var column = Ext.create('Ext.grid.column.Column', {
text : text
});
gridView.headerCt.insert(gridView.columns.length,
column);
gridView.getView().refresh();
} else {
Ext.Msg.alert('Alert', 'Enter a column number!');
}
});
}
} ]
} ],
columns: [{
header : 'Nome',
dataIndex : 'nome',
flex : 0.8
}],
plugins : [ Ext.create('Ext.grid.plugin.RowEditing') ]});
您需要在列中设置编辑器属性。例如:
columns:[{
header:'Nome',
dataIndex:'nome',
flex:0.8,
editor:'textfield'
}]
还可以为编辑器使用配置对象,如下所示:
columns:[{
header:'Nome',
dataIndex:'nome',
flex:0.8,
editor:{
xtype:'combo',
store:'somestore'
}
}]
请使用英语,以便更好地理解您的答案。(赞成的话,使用一个língua inglesa para que sua resposta seja melhor entendida。)