I would like to get checked checkboxes on the Angular Datatable at the ASP.NET MVC project. Sample Code as below, Unfortunately toggleAll and toggleOne functions doesn't fire with $scope object. How can I get checked checkboxes? Like this sample : [http://l-lin.github.io/angular-datatables/#/rowSelect]
dataTableApp.js
var app = angular.module('segmentoperationBaseApp', ['datatables']);
app.controller('homeCtrl', ['$scope', '$http', 'DTOptionsBuilder', 'DTColumnBuilder',
function ($scope, $http,DTOptionsBuilder, DTColumnBuilder) {
var vm = this;
vm.selected = {};
vm.selectedAll = false;
vm.toggleAll = toggleAll;
vm.toggleOne = toggleOne;
var titleHtml = '<input type="checkbox" ng-model="selectAll" ng-click="toggleAll(selectAll, selected)">';
$scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', {
url: "/home/getdata",
type: "POST"
})
.withPaginationType('full_numbers')
.withDisplayLength(10);
$scope.dtColumns = [
DTColumnBuilder.newColumn(null).withTitle(titleHtml).renderWith(function (data, type, full, meta) {
vm.selected[full.id] = false;
return '<input type="checkbox" ng-model="selected[' + data.segmentoperationid + ']" ng-click="toggleOne(selected)">';
}),
DTColumnBuilder.newColumn("segmentoperationid", "Segment Operation ID").notVisible(),
DTColumnBuilder.newColumn("name", "New Name"),
DTColumnBuilder.newColumn("createdon", "Createdon").notVisible()
];
function toggleAll(selectAll, selectedItems) {
for (var id in selectedItems) {
if (selectedItems.hasOwnProperty(id)) {
selectedItems[id] = selectAll;
}
}
};
function toggleOne(selectedItems) {
for (var id in selectedItems) {
if (selectedItems.hasOwnProperty(id)) {
if (!selectedItems[id]) {
vm.selectAll = false;
return;
}
}
}
vm.selectAll = true;
};
}])