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

时间:2014-02-11 13:23:40

标签: kendo-ui kendo-grid

当使用编辑器网格并且我的按钮在底部放置一个新行时,网格会隐藏验证消息 我在这里设置了一个示例:http://jsfiddle.net/api2304/K54v3/1/

  • 点击按钮添加
  • 将单元格名称留空,然后按Tab键。
  • 该消息将显示在该行下方。

HTML:

<div id="grid"></div>

使用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());
       });

1 个答案:

答案 0 :(得分:0)

我在这里找到了解决方案:http://www.telerik.com/forums/hidden-validators-when-virtual-scrolling-createat-bottom

将此css放在页面上:

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

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