Question

我有我的表格，只需点击＆＃34;添加＆＃34;我就可以添加新行。按钮（在SO上找到的解决方案）。我想要的是检测这样添加的新行是否有空单元格以禁用＆＃34; Save＆＃34;整个表下的按钮，以便用户无法将此类更改保存到DB。

有什么想法吗？

Answer 1

为什么不使用AngularJS的方便验证？

像这样定义你的cellTemplates：

$scope.gridOptions = {
    data: 'myData',
    columnDefs: [{
        field: 'name',
        displayName: 'Name',
        cellTemplate: '<div class="ngCellText"><input type="text" required ng-input=\"COL_FIELD\" ng-model=\"COL_FIELD\"></div>'
    }, {
        field: 'age',
        displayName: 'Age',
        cellTemplate: '<div class="ngCellText"><input type="text" required ng-input=\"COL_FIELD\" ng-model=\"COL_FIELD\"></div>'
    }]
};

请注意输入中的required属性。

然后将整个网格放在一个表单中，并为 SAVE 按钮指定一个ng-disabled。

<button ng-disabled="signup_form.$invalid" ng-click="save()">Save</button>

这是一个简约的Plunker

检查ng-grid中的单元格是否为空

1 个答案: