slickgrid验证将要添加的行

Question

在示例中,当您在最后一行的一个单元格中键入内容时,会添加一个新行.只有在此新行中的所有单元格validator对列规则有效后,才能添加新行？

Answer 1

这是一个工作片段.它不会停止添加行,但会在新行上运行所有验证并强制用户输入所有缺失值.

首先定义validateRow函数(理想情况下它应该放在SlickGrid命名空间中):

function validateRow(grid, rowIdx) {
    $.each(grid.getColumns(), function(colIdx, column) {
        // iterate through editable cells
        var item = grid.getDataItem(rowIdx);

        if (column.editor && column.validator) {
            var validationResults = column.validator(item[column.field]);
            if (!validationResults.valid) {
                // show editor
                grid.gotoCell(rowIdx, colIdx, true);

                // validate (it will fail)
                grid.getEditorLock().commitCurrentEdit();

                // stop iteration
                return false;
            }
        }
    });
}

然后在onAddNewRow绑定函数中调用它(或者如果你没有使用DataView,在向Array添加项目之后):

    grid.onAddNewRow.subscribe(function (e, args) { 
        dataView.addItem($.extend({
            id: dataView.getLength()
        }, args.item));
        validateRow(args.grid, args.grid.getActiveCell().row);
    });