[CLOSED] How to present the "No data to display" message with GridPanel?

[vadym.f]

Hi,

Please suggest the right approach to present the "No data to display" message if the grid store is empty. I've tried the following:

                    this.GridPanel1.HideHeaders = true;
                    this.PagingToolbar1.Hide();

While this is working to some degree, I'm not sure how to present the custom message in place of the grid. The GridPanel objects doesn't allow the use of Content container. I've tried to hide the grid altogether and display a message panel in its stead, but that approach appears even messier because of sudden layout issues.

[Vladimir]

Try to use EmptyText of GridView
http://docs.sencha.com/ext-js/3-4/#!...-cfg-emptyText

[vadym.f]

Try to use EmptyText of GridView
http://docs.sencha.com/ext-js/3-4/#!...-cfg-emptyText

Thanks for the suggestion Vladimir! The following server code works:

this.GridPanel1.GetView().EmptyText = "<div style='text-align:center;'>No data to display!</div>";

Is there any way to define the EmptyText property in the GridView markup, maybe CustomConfig?

[geoffrey.mcgill]

You can set the .EmptyText property of the <ext:GridView> config.

Example

<View>
    <ext:GridView runat="server" EmptyText="No results..." />
</View>

[vadym.f]

Great, thanks for the help guys! Please mark this thread as closed.