如何使用angular-grid来侦听行取消选择事件

时间:2015-08-31 22:47:21

标签: angularjs angular-grid

我很好奇是否有办法让Angular Grid听取“取消选择”devent,类似于它的“rowSelected”事件。

我有一个表,其中一列是复选框。我希望该表发送一个POST,指示是否已选中或取消选中复选框(服务器将想知道它是哪一个)。

当使用以下选项复选框时,我能够让表格发送消息:

$scope.gridOptions = {
                      rowSelected: myRowSelectFunc,
                      rowDeselected: myRowDeselectedFunc // Is there a listener for this?
}

function myRowSelectFunc(row) {
    $http({method: 'POST',
           url: 'api/submit',
           params: { selected: true,
                     userid: row.userid}});

}

function myRowDeselectFunc(row) {
    $http({method: 'POST',
           url: 'api/submit',
           params: { selected: true,
                     userid: row.userid}});

}

但是,我不确定如何在行中取消选择同样的方法。

谢谢!

1 个答案:

答案 0 :(得分:1)

没有用于取消选择行的事件侦听器。虽然您可以使用标志

在所选事件中执行逻辑
$scope.gridOptions = {
                  rowSelected: myRowSelectFunc($event)
}
function myRowDeselectFunc(event) {
if(event.node.isSelected()) {
   // your deselection logic
}
else {   
$http({method: 'POST',
       url: 'api/submit',
       params: { selected: true,
                 userid: row.userid}});
  }
}

希望它有所帮助!