Question

作为标题，我想在某些条件下使用angularjs中的ag-grid选择行。

在过去，我使用了ui-grid及其属性＆＃34; isRowSelectable＆＃34;做到了。

$scope.options = {
    ...
    isRowSelectable:function(row){
    return row.entity.taskExecutionStatus===0?true:false;
  }
}

然而，ag-grid没有属性＆＃34; isRowSelectable＆＃34;像ui-grid。我现在该怎么办？

Answer 1

选择行时，使用if检查行selectable是否为gridOptions.onSelectionChanged()函数。如果为false，则使用node.setSelcted(false, false, true)取消选择该行;

Answer 2

有效的解决方案是在您不希望所有行都可选时使用复选框选择，如下所示：

$scope.options = {
  columnDefs: [
    {headerName: "",
      width: 17,
      cellStyle: {'padding': '2px'},
      checkboxSelection: function(row){
        return row.entity.taskExecutionStatus===0?true:false;
      }
    },
    ...
  ],
  ...
  rowSelection: 'single', // or 'multiple'
  suppressRowClickSelection: true,
  ...
};

Answer 3

选择ag-grid中的单行：

 $scope.Gridoptions:{
    columnDefs:...,

    rowData:...,

      onRowClicked: RowClick,

     rowSelection: 'single',

    };

 function RowClick(param) {

    //To Find CurrentRow Index  
    var currentRowIndex = param.rowIndex;

    //GridData

    var gridData = $scope.gridOptionsInstrumentRegister.rowData;

    //Item ShowS RoWData

    var Item = params.data;

    }

Answer 4

checkboxSelection: function (params) {
      params.node.selectable = false; // this will explicitly restrict to select (useful in select all)
      return true/false; // this will show or hide the checkbox
}

可在ag-grid中选择行

4 个答案: