Kendo ui 剑道网格-网格中的自定义编辑器上未显示验证消息

Kendo ui 剑道网格-网格中的自定义编辑器上未显示验证消息,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,当使用编辑器网格和“我的”按钮在底部放置新行时,验证消息将被网格隐藏。 我在这里举了一个例子: 点击一个按钮添加 将单元格名称保留为空,然后按tab键 消息将显示在行的下方 Html: Javascript: var _dsGrid; var _grid; var _this = this; _this._dsGrid = new kendo.data.DataSource({ autoSync: true,

当使用编辑器网格和“我的”按钮在底部放置新行时,验证消息将被网格隐藏。
我在这里举了一个例子:

  • 点击一个按钮添加
  • 将单元格名称保留为空,然后按tab键
  • 消息将显示在行的下方
Html:


Javascript:

var _dsGrid;
        var _grid;

        var _this = this;

        _this._dsGrid = new kendo.data.DataSource({
            autoSync: true,
            data: [{ Cod: 0, Name: 'Value0' },
            { Cod: 1, Name: 'Value1' }],
            schema: {
                model: {
                    fields: {
                        Cod: { editable: false },
                        Name: {
                            validation: {
                                required: true,
                                required: { message: "Custom message" }
                            }
                        }
                    }
                }
            }
        });

       _this._grid = $("#grid").kendoGrid({
            columns: [
                { field: "Cod" },
                { field: "Name" }
            ],
            selectable: true,
            dataSource: _this._dsGrid,
            editable: true,
            toolbar: [
                { template: kendo.template("<a id='btnAdicionar' class='k-button k-button-icontext'><span class='k-icon k-add'></span>Adicionar</a>") }

            ],
            edit: function(e) {
                e.container.find("input[name='Nome']").attr('maxlength', '20');
                e.container.find("input").bind("blur", function() {

                    $("#grid").scrollTop($("#grid")[0].scrollHeight + 200);
                });
            }               
        }).
            data("kendoGrid");

       $("#btnAdicionar").click(function () {
           var total = _this._dsGrid.data().length;
           var insert = _this._dsGrid.insert(total, {});
           _this._dsGrid.page(_this._dsGrid.totalPages());
           var ultimoId = _this._dsGrid.data()[total - 1].Nivel;
           _this._grid.editRow(_this._grid.tbody.children().last());
       });
var\dsGrid;
var_网格;
var_this=这个;
_此._dsGrid=new kendo.data.DataSource({
自动同步:对,
数据:[{Cod:0,名称:'Value0'},
{Cod:1,名称:'Value1'}],
模式:{
型号:{
字段:{
Cod:{可编辑:false},
姓名:{
验证:{
要求:正确,
必需:{消息:“自定义消息”}
}
}
}
}
}
});
_这个.u网格=$(“#网格”).kendoGrid({
栏目:[
{字段:“Cod”},
{字段:“名称”}
],
是的,
数据源:_this._dsGrid,
是的,
工具栏:[
{template:kendo.template(“Adicionar”)}
],
编辑:功能(e){
e、 container.find(“input[name='Nome']”).attr('maxlength','20');
e、 container.find(“input”).bind(“blur”,function(){
$(“#网格”).scrollTop($(“#网格”)[0]。scrollHeight+200);
});
}               
}).
数据(“kendoGrid”);
$(“#btadicionar”)。单击(函数(){
var total=_this._dsGrid.data().length;
var insert=_this._dsGrid.insert(总计,{});
_this._dsGrid.page(_this._dsGrid.totalPages());
var ultimoId=_this._dsGrid.data()[total-1].Nivel;
_this._grid.editRow(_this._grid.tbody.children().last());
});

我在这里找到了解决方案:

将此css放在页面上:

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

#grid .k-callout {
display: none;
}

我在这里找到了解决办法:如果问题解决了,你应该自己提供答案,并将其标记为已接受的答案
#grid .k-tooltip-validation {
margin-top: 0 !important;
display: block;
position: static;
padding: 0;
} 

#grid .k-callout {
display: none;
}