Add DTDefaultOptions.setOption #796

l-lin · Sep 2, 2016 · b65cea0 · b65cea0
1 parent b4f7e0e
commit b65cea0
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 5 deletions.
diff --git a/demo/advanced/angularWayDataChange.js b/demo/advanced/angularWayDataChange.js
@@ -4,8 +4,10 @@ angular.module('showcase.angularWay.dataChange', ['datatables', 'ngResource'])
 
 function AngularWayChangeDataCtrl($resource, DTOptionsBuilder, DTColumnDefBuilder) {
     var vm = this;
-    vm.persons = $resource('data1.json').query();
-    vm.dtOptions = DTOptionsBuilder.newOptions().withPaginationType('full_numbers');
+    vm.persons = $resource('data.json').query();
+    vm.dtOptions = DTOptionsBuilder.newOptions()
+      .withOption("order", [[1, "asc"]])
+      .withPaginationType('full_numbers');
     vm.dtColumnDefs = [
         DTColumnDefBuilder.newColumnDef(0),
         DTColumnDefBuilder.newColumnDef(1),

diff --git a/demo/api/apiDefaultOptions.html b/demo/api/apiDefaultOptions.html
@@ -89,5 +89,17 @@ <h3><code>DTDefaultOptions</code></h3>
 </div>
         </td>
     </tr>
+    <tr>
+      <td><code>DTDefaultoptions</code></td>
+      <td><code>setOption(key, value)</code></td>
+      <td>
+        Set a default option for all DataTables.
+<div hljs language="js">
+angular.module('myModule', ['datatables']).run(function(DTDefaultOptions) {
+    DTDefaultOptions.setOption('dom', 'lpfrtip');
+});
+</div>
+      </td>
+    </tr>
     </tbody>
 </table>
diff --git a/dist/angular-datatables.js b/dist/angular-datatables.js
@@ -610,7 +610,8 @@ if (typeof module !== "undefined" && typeof exports !== "undefined" && module.ex
             setLanguage: setLanguage,
             setDisplayLength: setDisplayLength,
             setBootstrapOptions: setBootstrapOptions,
-            setDOM: setDOM
+            setDOM: setDOM,
+            setOption: setOption
         };
 
         return options;
@@ -693,6 +694,19 @@ if (typeof module !== "undefined" && typeof exports !== "undefined" && module.ex
             });
             return options;
         }
+
+        /**
+         * Set global default option to all DataTables.
+         * @param key the key of the default option
+         * @param value the value of the default option
+         */
+        function setOption(key, value) {
+            if (angular.isString(key)) {
+                var obj = {};
+                obj[key] = value;
+                $.extend($.fn.DataTable.defaults, obj);
+            }
+        }
     }
 
     'use strict';

diff --git a/dist/angular-datatables.min.js b/dist/angular-datatables.min.js
diff --git a/src/angular-datatables.options.js b/src/angular-datatables.options.js
@@ -18,7 +18,8 @@ function dtDefaultOptions() {
         setLanguage: setLanguage,
         setDisplayLength: setDisplayLength,
         setBootstrapOptions: setBootstrapOptions,
-        setDOM: setDOM
+        setDOM: setDOM,
+        setOption: setOption
     };
 
     return options;
@@ -101,4 +102,17 @@ function dtDefaultOptions() {
         });
         return options;
     }
+
+    /**
+     * Set global default option to all DataTables.
+     * @param key the key of the default option
+     * @param value the value of the default option
+     */
+    function setOption(key, value) {
+        if (angular.isString(key)) {
+            var obj = {};
+            obj[key] = value;
+            $.extend($.fn.DataTable.defaults, obj);
+        }
+    }
 }