Set default DOM options in DTDefaultOptions #632

Author: l-lin

demo/api/apiDefaultOptions.html

@@ -74,6 +74,18 @@ <h3><code>DTDefaultOptions</code></h3>
         }
     });
 });
+</div>
+        </td>
+    </tr>
+    <tr>
+        <td><code>DTDefaultOptions</code></td>
+        <td><code>setDOM(sDom)</code></td>
+        <td>
+            Set the default <a href="https://datatables.net/reference/option/dom">DOM</a> for all DataTables.
+<div hljs language="js">
+angular.module('myModule', ['datatables']).run(function(DTDefaultOptions) {
+    DTDefaultOptions.setDOM('lpfrtip');
+});
 </div>
         </td>
     </tr>

dist/angular-datatables.js

@@ -155,8 +155,6 @@ function dtOptionsBuilder() {
      * @param fnPromise the function that returns a promise to fetch the data
      */
     var DTOptions = {
-        hasOverrideDom: false,
-
         /**
          * Add the option to the datatables options
          * @param key the key of the option
@@ -595,8 +593,6 @@ function initAngularDataTables() {
 'use strict';
 angular.module('datatables.options', [])
     .constant('DT_DEFAULT_OPTIONS', {
-        // Default dom
-        dom: 'lfrtip',
         // Default ajax properties. See http://legacy.datatables.net/usage/options#sAjaxDataProp
         sAjaxDataProp: '',
         // Set default columns (used when none are provided)
@@ -613,7 +609,8 @@ function dtDefaultOptions() {
         setLanguageSource: setLanguageSource,
         setLanguage: setLanguage,
         setDisplayLength: setDisplayLength,
-        setBootstrapOptions: setBootstrapOptions
+        setBootstrapOptions: setBootstrapOptions,
+        setDOM: setDOM
     };
 
     return options;
@@ -683,6 +680,19 @@ function dtDefaultOptions() {
         options.bootstrapOptions = oBootstrapOptions;
         return options;
     }
+
+    /**
+     * Set the DOM for all DataTables.
+     * See https://datatables.net/reference/option/dom
+     * @param dom the dom
+     * @returns {DTDefaultoptions} the default option config
+     */
+    function setDOM(dom) {
+        $.extend($.fn.dataTable.defaults, {
+            sDom: dom
+        });
+        return options;
+    }
 }
 
 'use strict';

dist/angular-datatables.min.js

@@ -139,7 +139,7 @@ initBootstrapPlugin.$inject = ['DTRendererService', 'DTBootstrap'];
  * Source: https://editor.datatables.net/release/DataTables/extras/Editor/examples/bootstrap.html
  */
 /* @ngInject */
-function dtBootstrap(DTBootstrapTableTools, DTBootstrapColVis, DTBootstrapDefaultOptions, DTPropertyUtil, DT_DEFAULT_OPTIONS) {
+function dtBootstrap(DTBootstrapTableTools, DTBootstrapColVis, DTBootstrapDefaultOptions, DTPropertyUtil) {
     var _initialized = false,
         _drawCallbackFunctionList = [],
         _savedFn = {};
@@ -357,7 +357,7 @@ function dtBootstrap(DTBootstrapTableTools, DTBootstrapColVis, DTBootstrapDefaul
     }
 
     function _setDom(options) {
-            if (!options.dom || options.dom === DT_DEFAULT_OPTIONS.dom) {
+            if (!options.dom || options.dom === $.fn.dataTable.defaults.sDom) {
                 return DTBootstrapDefaultOptions.getOptions().dom;
             }
             return options.dom;
@@ -391,7 +391,7 @@ function dtBootstrap(DTBootstrapTableTools, DTBootstrapColVis, DTBootstrapDefaul
         }
     }
 }
-dtBootstrap.$inject = ['DTBootstrapTableTools', 'DTBootstrapColVis', 'DTBootstrapDefaultOptions', 'DTPropertyUtil', 'DT_DEFAULT_OPTIONS'];
+dtBootstrap.$inject = ['DTBootstrapTableTools', 'DTBootstrapColVis', 'DTBootstrapDefaultOptions', 'DTPropertyUtil'];
 
 'use strict';
 angular.module('datatables.bootstrap.options', ['datatables.options', 'datatables.util'])

dist/plugins/bootstrap/angular-datatables.bootstrap.js

@@ -16,7 +16,7 @@ angular.module('datatables.buttons', ['datatables'])
     .run(initButtonsPlugin);
 
 /* @ngInject */
-function dtButtonsConfig($provide, DT_DEFAULT_OPTIONS) {
+function dtButtonsConfig($provide) {
     $provide.decorator('DTOptionsBuilder', dtOptionsBuilderDecorator);
 
     function dtOptionsBuilderDecorator($delegate) {
@@ -48,7 +48,7 @@ function dtButtonsConfig($provide, DT_DEFAULT_OPTIONS) {
              */
             function withButtons(buttonsOptions) {
                 var buttonsPrefix = 'B';
-                options.dom = options.dom ? options.dom : DT_DEFAULT_OPTIONS.dom;
+                options.dom = options.dom ? options.dom : $.fn.dataTable.defaults.sDom;
                 if (options.dom.indexOf(buttonsPrefix) === -1) {
                     options.dom = buttonsPrefix + options.dom;
                 }
@@ -62,7 +62,7 @@ function dtButtonsConfig($provide, DT_DEFAULT_OPTIONS) {
     }
     dtOptionsBuilderDecorator.$inject = ['$delegate'];
 }
-dtButtonsConfig.$inject = ['$provide', 'DT_DEFAULT_OPTIONS'];
+dtButtonsConfig.$inject = ['$provide'];
 
 /* @ngInject */
 function initButtonsPlugin(DTRendererService) {