2015-06-18 57 views
1
不顯示

在分機4.2空文本似乎不被顯示爲Ext.grid.Panel的JavaScript ExtJS的emptyText上Ext.grid.Panel

我可以在這裏使用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() 
}); 

注意文顯示出來,一旦你點擊NameEmail,或Phone - 一旦電網被排序。

這是一個Ext錯誤嗎?我怎樣才能解決這個問題,讓空文本顯示出來而不必先排序面板?

+1

http://docs.sencha.com/extjs/4.2.2 /#!/api/Ext.view.AbstractView-cfg-deferEmptyText –

回答

3

不,這是一個功能。重點是在網格加載數據時不顯示空文本,因爲尚不知道是否有數據。

當數據是所有地方,雖然是不需要的功能,因此只需添加以下到網格配置:

viewConfig: { 
    deferEmptyText: false 
}