ExtJS Grid Row 特定的 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 config 属性。在编辑器配置中，您可以通过xtype 定义将使用哪种类型的字段（textfield、numberfield 等）并添加任何字段配置属性：

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

摆弄现场示例：https://fiddle.sencha.com/#fiddle/3b5