javascript - 当 Kendo 网格为空时在其内显示一条消息

标签 javascript jquery css kendo-ui kendo-grid

当数据库中没有记录时,我正在尝试在网格内容中显示友好消息(例如“未找到记录,请稍后重试”)。

根据我在 docs 中看到的内容,目前无法对网格内容执行此操作。它仅适用于页脚。您可以在这个 fiddle 中看到示例:http://jsfiddle.net/lav911/uNWXJ/

我故意拼错了数据路由,以便有一个空网格。要查看它的内容,只需注释/取消注释这些行:

transport: {
            // read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
            read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customerss"
        },

是否有一种干净的方法来实现这一目标?

最佳答案

好消息 - 此选项现已可用:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/norecords#noRecords

您可以通过剑道模板设置消息:

noRecords: {
    template: "No data available on current page. Current page is: #=this.dataSource.page()#"
}

or via message option:

noRecords: true,
messages: {
    noRecords: "There is no data on current page"
}

默认文本为“无可用记录”。设置 noRecords 时:仅 true

关于javascript - 当 Kendo 网格为空时在其内显示一条消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23476978/

相关文章:

javascript - 如何在scrollTop上应用百分比

javascript - 根据键总计/合并 JavaScript 值

jquery - 在 jquery 中使用类附加元素时出现不需要的空白

html - 顶部导航元素未居中

javascript - 容器上具有单击处理程序的正常链接功能

javascript - 当满足特定页面宽度时,停止滚动元素并让它回到开始的地方

javascript - 毯子.js如何修改JavaScript文件?

jquery - 如何为 WordPress 制作整页自动图像大小 slider ?

javascript - 在angular js,Html中隐藏表格内容

css - @include 容器是什么意思?