1

是否可以将 ng-grids 单元格的可编辑方式限制为仅一列中的单元格?
我目前使用enableCellEditOnFocus: true,这全局允许所有单元格是可编辑的。我确实有一列有一个特定的 editableCellTemplate ,我想让所有其他列 "readonly"
对于初学者使用 angularjs 和 ng-grid 迈出第一步有什么建议吗?

这是当前网格的相关设置:

        var app = angular.module('myCoolGridApp', ['ngGrid']);
        app.controller('MyCtrl', function ($scope, $http) {

            $scope.gridOptions = {
                data: 'myData',
                enableCellSelection: true,
                enableRowSelection: false,
                enableCellEditOnFocus: true,
                jqueryUITheme: true,
                columnDefs: 'colDefs'
            };

            var myCellEditableTemplate = "<input ng-class=\"'colt' + col.index\" ng-input=\"COL_FIELD\" ng-model=\"COL_FIELD\" ng-blur=\"updateEntity(col, row)\"/>";

            $scope.colDefs = [
                    {field: 'group'},
                    {field: 'user'},
                    {field: 'id', displayName: 'ID', editableCellTemplate: myCellEditableTemplate},             
                    {field: 'last_login_date'},
                    {field: 'status'}
                    ];

            $scope.updateEntity = function (column, row) {
                // code for saving data to the server next...
            }
        });
4

1 回答 1

2

是的,根据本文档,您可以使用enableCellEdit列定义属性仅设置该列进行编辑。您可能必须为其余列禁用此属性。

于 2013-08-25T10:10:25.857 回答