Angular ui-网格行选择调用函数

Question

我正在添加一个 ui-网格，希望能够 select 一行并调用一个函数。我还需要将整行的数据发送给函数（实际上只显示了几列），但是我需要将整行传递给函数。

以下是我对网格的选择：

    $scope.gridOptions = {
        enablePaginationControls: false,
        paginationPageSize: 25,
        multiSelect: false,
        columnDefs: [
            {
                name: 'userInfo.firstName',
                displayName: "First Name",
            }, {
                name: 'userInfo.lastName',
                displayName: "First Name"
            }
        ]
    };

Answer 1

您必须在 html 上使用 ui-grid-selection 指令并在 gridOptions 上启用行选择属性。一旦你这样做了，就可以捕获行选择，并且整个行数据可以用于进一步处理。

 $scope.gridOptions = {
 enableRowSelection: true,
        enablePaginationControls: false,
        paginationPageSize: 25,
        multiSelect: false,
        columnDefs: [
            {
                name: 'userInfo.firstName',
                displayName: "First Name",
            }, {
                name: 'userInfo.lastName',
                displayName: "First Name"
            }
        ]
    };

     $scope.gridOptions.onRegisterApi = function( gridApi ) {
        $scope.gridApi = gridApi;
           gridApi.selection.on.rowSelectionChanged($scope,function(row){
            var msg = 'row selected ' + row.isSelected;

            //Call your method here with the row object. row.entity will give the data.
          });
      };

在html中你需要添加ui

<div ui-grid="gridOptions" ui-grid-selection class="grid"></div>

工作模型在这里没有电话

http://plnkr.co/edit/OFoJydRpzoKAGBw3Tfzw?p=preview

Angular ui-网格行选择调用函数

Angular ui-grid row selection call function

angularjs

angular-ui-grid