Empty message in gridPanel

extjs grid panel
nani1216 picture nani1216 · Oct 19, 2010 · Viewed 19.4k times · Source

I'm using Extjs gridPanel to display data. I want to show "No data..." message in gridPanel when no data available. How to do this ?.

I tried emptyText property but its not worked.

I think emptyText is for gridView not for gridPanel.

Please help me how to show empty data message in gridPanel.(I'm using gridPanel not grid View)

Answer

Brian Moeskau picture Brian Moeskau · Oct 19, 2010

You answered your own question -- it is indeed a GridView property. So to specify it in the GridPanel (which uses a GridView internally) just do this:

myGrid = new Ext.GridPanel({
    viewConfig: {
        emptyText: 'No records'
    }
});

Per the comments below, you might also include deferEmptyText: false in the viewConfig for the text to render immediately (otherwise it waits until after the initial store load is complete).

Related questions

ExtJS. Fit Grid Width into a Panel

I'm very new on ExtJs and I can't solve a problem. I have a grid that it is adjusted to its panel container (layout:fit) but when I colapse the panel, the grid doesn't adjust to the new Width. If …

Read More
extjs change panel title on an event

I have a grid panel like this Ext.define('sCon.view.SalesGrid',{ extend: 'Ext.grid.GridPanel', title: 'Sales Data', //other params initComponent: function(){ this.callParent(arguments); } }); On a click event, I want to change the title of this panel. My …

Read More
Reloading data from a store in ExtJS 4

I have a store: var store = new Ext.data.store({ autoLoad: true, autoSync: true, model: 'myModel', proxy: { type: 'rest', url: '/url/to/my/json/encoded/results', reader: { type: 'json', root: 'results' }, writer: { type:'json' } } }); Which is the store for …

Read More