Improve doc example

Added toggle one to set the check state of the title header checkbox.
For example, if all rows are checked, automatically mark the header
checkbox checked and vice versa.

Signed-off-by: Jack Yen <[email protected]>

Author: jyen

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;
+    };
 }