This is a migrated thread and some comments may be shown as answers.

No data message not displaying for server bound grid

4 Answers 1812 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Erik asked on 20 Nov 2017, 02:19 PM

no-data.png

I have server bound grid and a set message to be displayed when no data exists. Below is my aspx view for the grid:

<% Html.Kendo().Grid(Model.BillingReport)

.Name("billing_grid")

.Columns(columns =>

{

columns.Bound(c => c.BillDate).Format("{0:M/d/yyyy}");

columns.Bound(c => c.Account);

columns.Bound(c => c.BillProgram);

columns.Bound(c => c.Total).Format("{0:c}");

})

.NoRecords("No records found.")

.Resizable(resizable => resizable.Columns(true))

.DataSource(dataSource => dataSource.Server())

.Render(); %>

On the rendered page, I see the column headers and nothing in the grid. On the browser code, I see:

<tr class="k-no-data">

<td colspan="5"></td>

</tr>

Why am I not seeing the message?

4 Answers, 1 is accepted

answered on 21 Nov 2017, 01:54 PM

Hello Erik,

It seems that there is a problem with the NoRecords message with server binding, although that the following works correctly:

@model IEnumerable<Kendo.Mvc.Examples.Models.Product>

@(Html.Kendo().Grid(new List<Product>())

.Name("Grid")

.Columns(columns => {

columns.Bound(p => p.ProductID).Groupable(false);

columns.Bound(p => p.ProductName);

columns.Bound(p => p.UnitPrice);

columns.Bound(p => p.UnitsInStock);

})

.NoRecords("No records found.")

.Pageable()

.Sortable()

.Scrollable()

.DataSource(d=>d.Ajax().ServerOperation(false))

.Filterable()

.Groupable()

)

With your settings, in order to workaround the bug you could manually set the noRecords message in the Grid after the rendering.

Nevertheless, I will log this as a bug, so it could be investigated by our developers team.

Please excuse us for any inconvenience caused by this and if we can assist you with anything else, feel free to contact us again.

Regards,
Konstantin Dikov
Progress Telerik

Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.