ExtJS的 - Roweditor不工作

我有一个GridPanel中定义如下：ExtJS的 - Roweditor不工作

Ext.define('Mb.view.winbiz.ExportGrid', { 
    extend: 'Ext.grid.Panel', 
    store: 'winbiz.Exports', 
    plugins: [{ptype: 'rowediting', clicksToMoveEditor: 2, autoCancel: false}], 
    columns: [ 
     {text: 'Id', dataIndex: 'id'}, 
     { 
      text: 'Description', 
      dataIndex: 'description', 
      flex:1, 
      editor: { 
       xtype: 'textfield', 
       allowBlank: false 
      } 
     } 
    ] 
});

我有这个问题与rowEditing插件：
相反编辑线的上，我双击，一个新的行插入网格顶部，但不显示编辑器字段。

我在代码中无处不在，与working example based on the doc比较，但我找不到什么是不正确的。

这是它的样子： enter image description here

来源

2013-10-17 Lorenz Meyer

的原因rowEditor没有工作是以下几点：

我有一个自定义的模板。没有包括rowEditiong插件工作所需的CSS。

一旦我重建与sencha app build的应用程序的CSS文件已更新，一切工作正常。

来源

2013-10-17 16:29:54

我没有使用自定义模板，但是只有在RowCode工作的'sencha app build'之后。非常感谢您分享此解决方案。（我使用的是ExtJS 4.2.1）。 – jgrocha

试试这个：

... 
    { 
     text: 'Description', 
     dataIndex: 'description', 
     flex:1, 
     editor: { 
      xtype: 'textfield', 
      allowBlank: true // (or false) 
     }    
    } 
....

来源

2013-10-17 13:48:30

我应用了您的建议，但没有帮助。我还添加了一个截图。 –

服务器/商店数据填充了“描述”字段吗？如果没有，则可能会出现对属性为“allowBlank：false”的调用编辑器的问题。我看到所有“描述”字段在整个网格中都是空的。尝试设置allowBlank：true。虽然，我不认为这是原因。 –

ExtJS的 - Roweditor不工作

回答

相关问题