javascript - ExtJS 网格行特定的 EmptyText？

Question

我们的应用程序使用 Ext.grid.Panel 来显示数据行。当用户单击“新建...”按钮时，我们将向网格存储添加一条新记录。一切正常。

但是，在某些字段上，对于这个新的(到目前为止)未同步的记录，我们希望在某些单元格中显示特定的空文本。例如:“在此处输入标题”或“选择平台”。

我知道 Column 上有一个 emptyCellText 属性，但是 a) its broken , 和 b) 我希望只在新的、未同步的(例如幻影)记录上发生这种情况。

由于我是这个框架的新手，欢迎任何想法。

Answer 1

您可以在 renderer 列中添加此文本.您可以测试记录列值是否未设置并且记录是否为幻像。在这种情况下，您可以将占位符文本添加到列中:

columns: [
    {
        header: 'Name',  
        dataIndex: 'name', 
        editor: {
            xtype: 'textfield',
            emptyText: 'Enter name'                
        },
        renderer: function(value, metaData, record) {
            if (!value && record.phantom) {
                return 'Enter name';
            } else {
                return value;
            }
        }
    }
]

编辑

要在编辑器字段中显示空文本，只需使用 emptyText编辑器配置中的配置属性。在编辑器配置中，您可以通过 xtype 定义将使用哪种类型的字段(textfield、numberfield 等)并添加任何字段配置属性:

editor: {
    xtype: 'textfield',
    emptyText: 'Enter name',
    // other filed config properties...        
},

摆弄实例: https://fiddle.sencha.com/#fiddle/3b5