Merge pull request #40 from JulianDroog/1.next-cake4

Added possibility to have 2 libaries for mulitselect

Author: arodu

README.md

@@ -358,4 +358,12 @@ $this->Datatable->setCallbackCreatedRow(
         }
     }'
 );
-``
+```
+
+# Change library of multiselect
+
+The default is jquery-ui multiselect, if you want to change this you can change it in the configuration or like the code example below
+
+```php
+$this->Datatable->getInstance()->setConfig('multiSelectType', 'select2');
+```

src/Datatable/Datatable.php

@@ -20,6 +20,7 @@ class Datatable
 {
     use InstanceConfigTrait;
 
+
     /**
      * @var string
      */
@@ -35,6 +36,11 @@ class Datatable
      *
      * @var array<string, mixed>
      */
+
+
+	const MULTI_SELECT_TYPE_SELECT2 = 'select2';
+	const MULTI_SELECT_TYPE_JQUERY_UI = 'jquery-ui';
+
     protected $_defaultConfig = [
         'processing' => true,
         'serverSide' => true,
@@ -77,6 +83,7 @@ class Datatable
             'headersAttrsTr' => [],
             'headersAttrsTh' => [],
         ],
+		'multiSelectType' => self::MULTI_SELECT_TYPE_SELECT2,
         'rowActions' => [
             'name' => 'actions',
             'orderable' => 'false',
@@ -326,27 +333,25 @@ class Datatable
                     :onCompleteCallback
                     //column search
                     :columnSearch
+                    
+                    :multiSelectCallback
                 },
             });
 
             dt.css(:tableCss);
-            if( jQuery.isFunction( 'select2' ) ) {
-                $(function(){
-                    $(function(){
-                        // for execute the select2 plugin after all events are loaded
-                        $('.form-select-multiple').select2();
-                    });
-                });
-            }
-
-            function validateDate(text) {
-                text = text.replaceAll("/","-");
-                var re = /^(\d{4}(-)\d{2}(-)\d{2}|\d{2}(-)\d{2}(-)\d{4})$/;
-                return re.test(text);
-            }
         });
     DATATABLE_CONFIGURATION;
 
+	protected $datatableJqueryUITemplate = <<<JQUERYUI_CONFIGURATION
+			if ($.fn.multiselect) { $(function(){ $('.form-select-multiple').multiselect(); }); }
+	JQUERYUI_CONFIGURATION;
+
+
+	protected $datatableSelect2Template = <<<SELECT2_CONFIGURATION
+			if($.fn.select2) { $(function(){ $('.form-select-multiple').select2();}); }
+	SELECT2_CONFIGURATION;
+
+
     /**
      * @param Helper $Helper
      */
@@ -482,6 +487,7 @@ public function getDatatableScript(): string
             'onCompleteCallback' => $this->getConfig('onCompleteCallback') ? $this->getConfig('onCompleteCallback') : 'null',
             'columnSearch' => $this->getConfig('columnSearch') ? $this->columnSearchTemplate : '',
             'tableCss' => json_encode($this->getConfig('tableCss')),
+			'multiSelectCallback' => $this->getConfig('multiSelectType') === 'jquery-ui' ? $this->datatableJqueryUITemplate : $this->datatableSelect2Template,
         ];
 
         if ($this->getConfig('createdRow')) {