Question

我试图通过一次点击使我的grid.Panel单元格可编辑。我有以下代码不起作用。我按照此this链接在我的程序中实现，但仍然点击不启用编辑。我也尝试过RowEditing，但它也没有用。从数据库获取信息没有问题。

＆＃13;

Ext.define('CategoryNumberGrid', {
  extend: 'Ext.grid.Panel',
  selType: 'cellmodel',
  pageSize: 25,
  defineColumns:function(){
    this.columns=[
    {
      header: 'Code',
      dataIndex: 'code',
      renderer: Ext.util.Format.htmlEncode
    },{
      header: 'Description',
      dataIndex: 'descr',
      renderer: Ext.util.Format.htmlEncode
    }];
  },
  model: 'CategoryNumberModel',
  initComponent:function(){
    this.defineColumns();
    var config = {
      autoLoad: true,
      autoSync: true,
      remoteFilter: true,
      remoteSort: true,
      proxy: getProxy("CategoryNumberModel"),
      model: 'CategoryNumberModel',
      sorters:[
      {
        property:'code',
        direction:'ASC'
      }],
      pageSize: this.pageSize
    };
    this.Store = Ext.create('Ext.data.Store', config);
    this.editing = Ext.create('Ext.grid.plugin.CellEditing', {
      clicksToEdit:1});
    this.plugins=[this.editing];
    this.callParent();
  }
});

＆＃13;

Answer 1

根据问题指南，您的样本不完整（不可运行）。
JavaScript区分大小写。 this.Store无法帮助网格查找数据。
您的专栏缺少editor config。

我已更正问题：https://fiddle.sencha.com/#fiddle/1f41

对于未来的问题，请考虑制作一个展示问题的工作小提琴。

ExtJS上的单元格编辑

1 个答案: