telerik - 当没有显示结果时，在 Kendo MVC 网格中显示一条消息

Question

我需要在主要的 Kendo 网格区域中显示友好的错误消息，而不是显示一个空白的内容区域。

这类似于 this question但我正在使用 Kendo MVC，并且作为 Telerik's help报告:“NoRecordsTemplate 在 ASP.NET MVC 的 Kendo UI 网格中不可用”

我正在提供我想出的解决方案作为答案(类似于另一个问题的解决方案)。我对解决方案不太满意，因为很难自定义错误消息。

Answer 1

根据要求，这是工作示例:

我使用了我安装的最旧版本的 Kendo(2015.2.902，但我也使用了 2016.3.914)，并简单地修改了安装文件夹(C:\Program Files (x86) 中的示例解决方案中的过滤器行示例)\Telerik\UI for ASP.NET MVC Q2 2015\wrappers\aspnetmvc\Examples\VS2015)。

我修改了文件:

C:\Program Files (x86)\Telerik\UI for ASP.NET MVC Q2 2015\wrappers\aspnetmvc\Examples\VS2015\Kendo.Mvc.Examples\Areas\razor\Views\grid\filter_row.cshtml

并将 .NoRecords() 添加到网格和您的 <style> 的 Razor 中堵塞:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
    columns.Bound(p => p.OrderID).Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(false))).Width(220);
    columns.Bound(p => p.ShipName).Width(500).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains")));
    columns.Bound(p => p.Freight).Width(250).Filterable(ftb => ftb.Cell(cell => cell.Operator("gte")));
    columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}");
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable(ftb => ftb.Mode(GridFilterMode.Row))
.HtmlAttributes(new { style = "height:430px;" })
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .ServerOperation(true)
    .Read(read => read.Action("Orders_Read", "Grid"))
 )
 .NoRecords(x => x.Template("<div class='empty-grid'></div>"))
)

<style>
.empty-grid::before {
    padding: 1em;
    line-height: 3em;
    content: "No records found.";
}
</style>

这是输出: