telerik-mvc - Telerik MVC 网格-如何更改 ajax cals 之间的“无记录消息”

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. 将客户端事件添加到您的网格： .ClientEvents(events => events.OnLoad("Grid_onLoad"))
2. 添加一个javascript函数：function Grid_onLoad(e) { $('.t-no-data td').text('Loading'); }

这样，如果没有记录，网格仍会显示“未找到记录”，但用户将在 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");
}