Merge branch 'jyen-improve-doc' into dev

Author: l-lin

demo/advanced/rowSelect.html

@@ -38,6 +38,7 @@ <h1><i class="fa fa-play"></i>&nbsp;Selecting rows</h1>
     vm.selected = {};
     vm.selectAll = false;
     vm.toggleAll = toggleAll;
+    vm.toggleOne = toggleOne;
 
     var titleHtml = '<input type="checkbox" ng-model="showCase.selectAll" ng-click="showCase.toggleAll(showCase.selectAll, showCase.selected)">';
 
@@ -60,7 +61,8 @@ <h1><i class="fa fa-play"></i>&nbsp;Selecting rows</h1>
         DTColumnBuilder.newColumn(null).withTitle(titleHtml).notSortable()
             .renderWith(function(data, type, full, meta) {
                 vm.selected[full.id] = false;
-                return '<input type="checkbox" ng-model="showCase.selected[' + data.id + ']"/>';
+                return '<input type="checkbox" ng-model="showCase.selected[' + data.id + ']"' +
+                    'ng-click="showCase.toggleOne(showCase.selected)"/>';
             }),
         DTColumnBuilder.newColumn('id').withTitle('ID'),
         DTColumnBuilder.newColumn('firstName').withTitle('First name'),
@@ -80,6 +82,18 @@ <h1><i class="fa fa-play"></i>&nbsp;Selecting rows</h1>
             }
         }
     }
+    function toggleOne (selectedItems) {
+        var me = this;
+        for (var id in selectedItems) {
+            if (selectedItems.hasOwnProperty(id)) {
+                if(!selectedItems[id]) {
+                    me.selectAll = false;
+                    return;
+                }
+            }
+        }
+        me.selectAll = true;
+    }
 }
 </div>
             </tab>

demo/advanced/rowSelect.js

@@ -7,6 +7,7 @@ function RowSelect($compile, $scope, $resource, DTOptionsBuilder, DTColumnBuilde
     vm.selected = {};
     vm.selectAll = false;
     vm.toggleAll = toggleAll;
+    vm.toggleOne = toggleOne;
 
     var titleHtml = '<input type="checkbox" ng-model="showCase.selectAll"' +
         'ng-click="showCase.toggleAll(showCase.selectAll, showCase.selected)">';
@@ -30,7 +31,8 @@ function RowSelect($compile, $scope, $resource, DTOptionsBuilder, DTColumnBuilde
         DTColumnBuilder.newColumn(null).withTitle(titleHtml).notSortable()
             .renderWith(function(data, type, full, meta) {
                 vm.selected[full.id] = false;
-                return '<input type="checkbox" ng-model="showCase.selected[' + data.id + ']"/>';
+                return '<input type="checkbox" ng-model="showCase.selected[' + data.id + ']"' +
+                    'ng-click="showCase.toggleOne(showCase.selected)"/>';
             }),
         DTColumnBuilder.newColumn('id').withTitle('ID'),
         DTColumnBuilder.newColumn('firstName').withTitle('First name'),
@@ -50,4 +52,16 @@ function RowSelect($compile, $scope, $resource, DTOptionsBuilder, DTColumnBuilde
             }
         }
     }
+    function toggleOne (selectedItems) {
+        var me = this;
+        for (var id in selectedItems) {
+            if (selectedItems.hasOwnProperty(id)) {
+                if(!selectedItems[id]) {
+                    me.selectAll = false;
+                    return;
+                }
+            }
+        }
+        me.selectAll = true;
+    }
 }