Angularjs 标题上选择复选框的ng网格事件
我正在使用AngularUI网格的ng网格,并且有一个用于行选择的复选框。它在标题中也给了我一个复选框 若用户选择了标题中的复选框,我想在$scope中触发一些事件/方法,有什么办法吗?我认为通过指定:-checkboxHeaderTemplate,我将获得toggleSelectAll()方法的调用。但事实并非如此。有线索吗? 还有任何$scope的事件或方法可以在多行选择或取消选择时调用Angularjs 标题上选择复选框的ng网格事件,angularjs,angular-ui,ng-grid,Angularjs,Angular Ui,Ng Grid,我正在使用AngularUI网格的ng网格,并且有一个用于行选择的复选框。它在标题中也给了我一个复选框 若用户选择了标题中的复选框,我想在$scope中触发一些事件/方法,有什么办法吗?我认为通过指定:-checkboxHeaderTemplate,我将获得toggleSelectAll()方法的调用。但事实并非如此。有线索吗? 还有任何$scope的事件或方法可以在多行选择或取消选择时调用 $scope.gridOptions = { data: 'dataLis
$scope.gridOptions = {
data: 'dataList',
enablePaging: true,
showFooter: true,
showFilter: true,
totalServerItems: 'totalVehicles',
pagingOptions: $scope.VehpagingOptions,
filterOptions: $scope.VehfilterOptions.filterText,
showSelectionCheckbox: true,
beforeSelectionChange: $scope.beforeVehicleSelectionChange,
checkboxHeaderTemplate: '<input class="ngSelectionHeader" type="checkbox" ng-show="multiSelect" ng-model="allSelected" ng-change="toggleSelectAll(allSelected, true)"/>'
};
$scope.gridOptions={
数据:“数据列表”,
enablePaging:true,
showFooter:是的,
showFilter:是的,
totalServerItems:“totalVehicles”,
分页选项:$scope.VehpagingOptions,
过滤选项:$scope.VehfilterOptions.filterText,
showSelectionCheckbox:true,
beforeSelectionChange:$scope.beforeVehicleSelectionChange,
checkboxHeaderTemplate:'
};
我发现,如果选择了多行,ng grid会将项目数组发送给afterSelectionChange。我改用这个(这解决了我的问题):-
我发现,若选择了多行,ng grid会将项数组发送给afterSelectionChange。我改用这个(这解决了我的问题):-
$scope.afterVehicleSelectionChange = function (rowItem, event) {
if (rowItem.length) {
_.each(rowItem, function (item) {
updateItemOnSelectionChange(item);
});
} else {
updateItemOnSelectionChange(rowItem);
}
return true;
};