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键
- 消息将显示在行的下方
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;
}