Kendo Grid editing 自定义验证报错提示

最新推荐文章于 2024-04-27 09:54:42 发布

weixin_30551947

最新推荐文章于 2024-04-27 09:54:42 发布

阅读量96

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/HGAB1204/p/6075927.html

本文介绍如何在KendoUI Grid控件中定制验证错误提示信息，提供了两种简单有效的方法，并附带示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

今天开始就对项目里使用的kendo控件技巧做记录，有个别错误希望大家不吝指出，谢谢。

首先就是Grid控件编辑是，验证错误时弹出的提示居然是中文加字段名字，如下图。抓狂啊！！请问这样的低级的提示能拿得出手吗？

这样的提示，找度娘解决吧！！搜索结果如此的不如人意，kendo方面的东西实在是少之又少，唯有翻出去找谷歌了。

原来解决的方法很简单，有二：

1、在validation里加入required：{message："测试"}，如下：

DeptCode: {
        type: "string", nullable: true, validation: {
               required: true,
               required: { message: "测试" }
        }
},

2、在界面里加入样式，如下：（这个方法没有测试。）

#grid .k-tooltip-validation {
    margin-top: 0 !important;
    display: block;
    position: static;
    padding: 0;
}
  
#grid .k-callout {
    display: none;
}