Unique name to allow a datatable multiple times on the same page

Author: Seb33300

Datatable/AbstractDatatable.php

@@ -128,6 +128,13 @@ abstract class AbstractDatatable implements DatatableInterface
      */
     protected $language;
 
+    /**
+     * The unique name for this instance.
+     *
+     * @var string
+     */
+    protected $uniqueName;
+
     /**
      * The PropertyAccessor.
      *
@@ -160,6 +167,7 @@ public function __construct(
         Twig_Environment $twig
     ) {
         $this->validateName();
+        $this->uniqueName = uniqid($this->getName().'-');
 
         $this->authorizationChecker = $authorizationChecker;
         $this->securityToken = $securityToken;
@@ -282,6 +290,14 @@ public function getOptionsArrayFromEntities($entities, $keyFrom = 'id', $valueFr
         return $options;
     }
 
+    /**
+     * {@inheritdoc}
+     */
+    public function getUniqueName()
+    {
+        return $this->uniqueName;
+    }
+
     //-------------------------------------------------
     // Private
     //-------------------------------------------------

Datatable/DatatableInterface.php

@@ -125,4 +125,11 @@ public function getEntity();
      * @return string
      */
     public function getName();
+
+    /**
+     * Returns the unique name of this datatable view.
+     *
+     * @return string
+     */
+    public function getUniqueName();
 }

Resources/views/column/multiselect.html.twig

@@ -9,5 +9,5 @@
 {% extends '@SgDatatables/column/column.html.twig' %}
 
 {% block title %}
-    "title": "<input type='checkbox' name='sg-datatables-{{ sg_datatables_view.name }}-multiselect-checkall' class='sg-datatables-{{ sg_datatables_view.name }}-multiselect-checkall' />",
+    "title": "<input type='checkbox' name='sg-datatables-{{ sg_datatables_view.uniqueName }}-multiselect-checkall' class='sg-datatables-{{ sg_datatables_view.uniqueName }}-multiselect-checkall' />",
 {% endblock %}

Resources/views/datatable/datatable_html.html.twig

@@ -14,7 +14,7 @@
     {% endif %}
 {% endif %}
 
-<table id="sg-datatables-{{ sg_datatables_view.name }}" class="{{ sg_datatables_view.options.classes }}" cellspacing="0" width="100%">
+<table id="sg-datatables-{{ sg_datatables_view.uniqueName }}" class="{{ sg_datatables_view.options.classes }}" cellspacing="0" width="100%">
     <thead>
         {% if true == individual_filtering %}
             {% if 'head' == sg_datatables_view.options.individualFilteringPosition or 'both' == sg_datatables_view.options.individualFilteringPosition%}
@@ -23,7 +23,7 @@
                         <th>{{ column.title }}</th>
                     {% endfor %}
                 </tr>
-                <tr id="sg-datatables-{{ sg_datatables_view.name }}-filterrow">
+                <tr id="sg-datatables-{{ sg_datatables_view.uniqueName }}-filterrow">
                     {% for column in sg_datatables_view.columnBuilder.columns %}
                         <th>
                             {% if column.searchable %}
@@ -55,5 +55,5 @@
 </table>
 
 {% if sg_datatables_view.columnBuilder.uniqueColumn('multiselect') is not same as(null) %}
-    <div id="sg-datatables-{{ sg_datatables_view.name }}-multiselect-actions"></div>
+    <div id="sg-datatables-{{ sg_datatables_view.uniqueName }}-multiselect-actions"></div>
 {% endif %}

Resources/views/datatable/datatable_js.html.twig

@@ -10,7 +10,7 @@
 
     $(document).ready(function () {
 
-        var selector = "#sg-datatables-{{ sg_datatables_view.name }}";
+        var selector = "#sg-datatables-{{ sg_datatables_view.uniqueName }}";
         var oTable;
 
         var defaults = {