#118 Persist search value of individual column with statesave

ekondur · Mar 11, 2023 · f7dd268 · f7dd268
1 parent 19ca8a7
commit f7dd268
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 4 deletions.
diff --git a/DatatableJS.Net/JSHelper.cs b/DatatableJS.Net/JSHelper.cs
@@ -73,14 +73,32 @@ public static MvcHtmlString Render<T>(this GridBuilder<T> grid)
         {
             var tfoot = grid._columnSearching ?
                         $@"<tfoot>
-                            <tr>
-                                {string.Join(Environment.NewLine, grid._columns.Select(a => string.Format("<th>{0}</th>", a.Searchable ? $"<input type=\"{((a.Type == typeof(DateTime?) || a.Type == typeof(DateTime)) && grid._serverSide ? "date" : "text")}\" style=\"width:100%\" placeholder=\"{a.Title}\" class=\"{grid._columnSearchingCss}\" />" : "")))}
+                            <tr class=""filters"">
+                                {string.Join(Environment.NewLine, grid._columns.Select(a => string.Format("<th>{0}</th>", a.Searchable ? $"<input type=\"{((a.Type == typeof(DateTime?) || a.Type == typeof(DateTime)) && grid._serverSide ? "date" : "text")}\" style=\"width:100%\" placeholder=\"{a.Title}\" class=\"{grid._columnSearchingCss}\" />" : "<input style=\"display:none\" />")))}
                             </tr>
                         </tfoot>"
                         : string.Empty;
 
             var tfootInit = string.Empty;
 
+            var initFootSearch = grid._stateSave ?
+            $@"var dtable = $('#{grid._name}').DataTable();
+                        var dState = dtable.state.loaded();
+                        var dCounter = -1;
+                        if (dState) {{
+                            dtable.columns().eq(0).each(function(colIdx) {{
+                            var colSearch = dState.columns[colIdx].search;                       
+                            if (dState.columns[colIdx].visible){{
+                                dCounter++;
+                            }}
+                            if (colSearch.search) {{
+                                $('input', $('.filters th')[dCounter]).val(colSearch.search);
+                               }}
+                            }});
+                            dtable.draw();
+                        }};"
+            : string.Empty;
+
             if (!String.IsNullOrEmpty(grid._callBack.InitComplete) && grid._columnSearching == false)
             {
                 tfootInit = "initComplete: function (settings, json) {";
@@ -102,6 +120,7 @@ public static MvcHtmlString Render<T>(this GridBuilder<T> grid)
                                                 }}
                                             }});
                                         }});
+                                        {initFootSearch}
                                     }},"
                                     : string.Empty;
             }
@@ -119,6 +138,7 @@ public static MvcHtmlString Render<T>(this GridBuilder<T> grid)
                                                 }}
                                             }});
                                         }});
+                                        {initFootSearch}
                                     }},"
                                     : string.Empty;
             }

diff --git a/DatatableJS/JSHelper.cs b/DatatableJS/JSHelper.cs
@@ -58,14 +58,32 @@ public static IHtmlContent Render<T>(this GridBuilder<T> grid)
         {
             var tfoot = grid._columnSearching ?
                         $@"<tfoot>
-                            <tr>
-                                {string.Join(Environment.NewLine, grid._columns.Select(a => string.Format("<th>{0}</th>", a.Searchable ? $"<input type=\"{((a.Type == typeof(DateTime?) || a.Type == typeof(DateTime)) && grid._serverSide ? "date" : "text")}\" style=\"width:100%\" placeholder=\"{a.Title}\" class=\"{grid._columnSearchingCss}\" />" : "")))}
+                            <tr class=""filters"">
+                                {string.Join(Environment.NewLine, grid._columns.Select(a => string.Format("<th>{0}</th>", a.Searchable ? $"<input type=\"{((a.Type == typeof(DateTime?) || a.Type == typeof(DateTime)) && grid._serverSide ? "date" : "text")}\" style=\"width:100%\" placeholder=\"{a.Title}\" class=\"{grid._columnSearchingCss}\" />" : "<input style=\"display:none\" />")))}
                             </tr>
                         </tfoot>"
                         : string.Empty;
 
             var tfootInit = string.Empty;
 
+            var initFootSearch = grid._stateSave ?
+                        $@"var dtable = $('#{grid._name}').DataTable();
+                        var dState = dtable.state.loaded();
+                        var dCounter = -1;
+                        if (dState) {{
+                            dtable.columns().eq(0).each(function(colIdx) {{
+                            var colSearch = dState.columns[colIdx].search;                       
+                            if (dState.columns[colIdx].visible){{
+                                dCounter++;
+                            }}
+                            if (colSearch.search) {{
+                                $('input', $('.filters th')[dCounter]).val(colSearch.search);
+                               }}
+                            }});
+                            dtable.draw();
+                        }};"
+                        : string.Empty;
+
             if (!String.IsNullOrEmpty(grid._callBack.InitComplete) && grid._columnSearching == false)
             {
                 tfootInit = "initComplete: function (settings, json) {";
@@ -87,6 +105,7 @@ public static IHtmlContent Render<T>(this GridBuilder<T> grid)
                                                 }}
                                             }});
                                         }});
+                                        {initFootSearch}
                                     }},"
                                     : string.Empty;
             }
@@ -104,6 +123,7 @@ public static IHtmlContent Render<T>(this GridBuilder<T> grid)
                                                 }}
                                             }});
                                         }});
+                                        {initFootSearch}
                                     }},"
                                     : string.Empty;
             }