ExtJS Grid Row Specific EmptyText？

Question

我们的应用程序使用Ext.grid.Panel显示数据行.当用户单击"新建..."按钮时,我们将向网格存储添加新记录.一切都很好.

但是,在某些字段中,仅仅是这些新的(尚未)未记录的记录,我们希望在某些单元格中显示特定的空文本.例如:'在此输入标题'或'选择平台'.

我知道Column上有一个emptyCellText属性,但是a)它被破坏了,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等)和添加任何字段配置propertis的:

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

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