Telerik MVC grid-如何更改“无记录消息” ajax 调用之间

Question

我正在使用 Telerik MVC 网格 ajax 绑定来显示一些记录。 加载网格时，网格中的消息是“未找到记录”。 当 ajax cal 完成时，消息就会发送并加载数据。 但是在加载数据之前显示“未找到记录”的消息会让用户感到困惑。

谁能告诉我如何将此消息更改为“正在加载...”直到 ajax cal 完成。

谢谢。

Answer 1

在网格中搜索 t-no-data 类。类似的东西

$('#ReportGrid').find('.t-no-data td').text('Loading...');

应该放在网格的 onLoad() 中

Answer 2

IMO，将“.NoRecordsTemplate("Loading...")”添加到网格是更好的方法。

            @(Html.Telerik().Grid<RatingListItem>()
            .Name("Rating_Index_List")
            .Columns(columns =>
            {
                columns.Bound(o => o.Id).Hidden();
                columns.Bound(o => o.Score)
            })
            .DataBinding(dataBinding => dataBinding.Ajax().Select(Model.ListPageGridModel.DataRequestAction.ActionName, Model.ListPageGridModel.DataRequestAction.ControllerName))
            .Pageable(settings => settings.Total(Model.ListPageGridModel.TotalRow))
            .EnableCustomBinding(true)
            .Sortable()
            .NoRecordsTemplate("Loading...")
            )

Answer 3

我建议不要使用 NoRecordsTemplate，而是执行以下操作：

1. 将 clientevent 添加到网格中： .ClientEvents(events => events.OnLoad("Grid_onLoad"))
2. 添加 javascript 函数：
   函数 Grid_onLoad(e) {
   $('.t-no-data td').text('正在加载');
   这样

，如果没有记录，网格仍将显示“未找到记录”，但用户将在 ajax 调用期间看到“正在加载”消息。

Answer 4

您可以使用 .NoRecordsTemplate 来加载 OnDataBound 事件来指定何时没有记录。

  @Html.Telerik().Grid<ViewModel>().Name("Temp")
  .NoRecordsTemplate("Loading ... Please Wait")
  .ClientEvents(e => e.OnDataBound("onDataBound"))

脚本代码

function onDataBound() {
    $("tr.t-no-data td").html("No records to display");
}