Question

我正在使用ng-grid，所以在我的情况下我为每行编辑n删除选项单行数据，以便用户可以编辑和更新sp我的问题如何我在单元格模板中传递字段目前我的代码是那个但是我没有得到_id作为我在模板中用于ng-click的函数中的字段。 _id基本上是每个唯一的字段这是您可以在图像中看到的输出。

第二件事如何缩小细胞模板的最后一列。

http://i.imgur.com/ogMbHXO.png

StoresController.js

  $scope.stores = [

            {
                "_id" : "1s445ggfg",
                "name" : "kj",
                "address1" : "sdf",
                "address2" : "sdf",
                "latitude" : "12",
                "longitude" : "12"
            },
            {
                "_id" : "2s45ggfg",
                "name" : "kddsj",
                "address1" : "sdsfdf",
                "address2" : "ssdfdf",
                "latitude" : "23",
                "longitude" : "23"
            }

        ];


        $scope.gridOptions = {
            data: 'stores',
            jqueryUITheme: true,
            columnDefs:
                [
                    {field:'name', displayName:'Name'},
                    {field:'address1', displayName:'Address 1'},
                    {field:'address2', displayName:'Address 2'},
                    {field:'latitude', displayName:'Latitude'},
                    {field:'longitude', displayName:'Longitude'},
                    {field:'', displayName:'', cellTemplate: '<a ng-click="openStoreModal(_id)" id="edit"  data-toggle="tooltip"><i class="fa fa-pencil fa-fw colorInfo" ></i></a><a ng-click="deleteStore(_id)"  id="delete"  data-toggle="tooltip"><i class="icon-trash"></i></a>'}

                ]
        };

Answer 1

将ng-click="deleteStore(_id)"更改为ng-click="deleteStore(row.getProperty('_id'))或ng-click="deleteStore(row.entity._id)"

对于最后一列的大小（本例中为100px）......

{field:'', displayName:'', cellTemplate: editDeleteCellTemplate, maxWidth: 100 }

Answer 2

@bob，

有一个问题涉及以下几个方面：ng-grid headerRowTemplate

并且您可以获得可能有用的模板here参考。

如何使用ng-grid在单元格模板上应用字段

2 个答案: