Javascript ExtJS emptyText 不显示在 Ext.grid.Panel 上

Question

Ext.grid.Panel 似乎没有显示 Ext 4.2 中的空文本

我可以在这里使用 javascript 编辑器进行演示:http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.Panel

只需删除商店的data 配置，然后为第一个示例的面板添加emptyText 配置。它应该看起来像这样:

Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone'],
    //No data here
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'items'
        }
    }
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    emptyText: 'Test Empty Text', //Add emptyText
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

请注意，单击姓名、电子邮件 或电话 后，文本将显示 -一旦网格被排序。

这是 Ext 错误吗？我怎样才能解决这个问题，让 emptyText 显示出来，而不必先对面板进行排序？

Answer 1

不，这是一项功能。关键是在网格加载数据时不要显示空文本，因为还不知道是否有数据。

虽然数据都是本地的，但不需要该功能，因此只需将以下内容添加到网格配置中:

viewConfig: {
    deferEmptyText: false
}