Ext JS - Ext.grid.Panel 空数据提示

Ext.grid.Panel xtype: gridpanel, grid

emptyText : String

当Store为空时，使用默认文本(接受html标签)来显示在Panel的body区域。 当其指定后，并且Store依然为空，该文本具有CSS类"x-grid-empty"，被渲染到一个DIV中。

Ext.define('MyApp.view.xxxView', {
    extend: 'Ext.grid.Panel',
    simpleSelect: false,
    autoScroll: true,
    emptyText: '暂无数据',// 支持HTML标签
    ...
}

 

viewConfig : Object

将应用于表格的 UI 视图的配置对象。任何对于Ext.view.Table所使用到的配置选项都在这里被指定。 如果指定了view，则忽略此选项。

viewConfig: {
    forceFit: false,
    emptyText: '<div style="text-align:center; padding:20px">暂无数据</div>',
    deferEmptyText: false
}

view中GridPanel效果如下所示：