#138 Added Select All Checkbox

Author: emrahkondur

DatatableJS.Net/JSHelper.cs

@@ -114,7 +114,10 @@ private static string RenderHtmlString<T>(this GridBuilder<T> grid)
                     <table id=""{grid._name}"" class=""{grid._cssClass}"" style=""width:100%"">
                         <thead>
                             <tr>
-                                {string.Join(Environment.NewLine, grid._columns.Select(a => string.Format("<th>{0}</th>", a.Title)))}
+                                {string.Join(Environment.NewLine,
+                                grid._columns.Select(a => grid._selectEnable && grid._selectItems == SelectItems.Checkbox && a.ClassName == "select-checkbox"
+                                    ? $"<th style=\"text-align:center\"><input type=\"checkbox\" id=\"{grid._name}_SelectAll\"></th>"
+                                    : string.Format("<th>{0}</th>", a.Title)))}
                             </tr>
                         </thead>
                         {tfoot}
@@ -302,6 +305,7 @@ private static string RenderScriptString<T>(this GridBuilder<T> grid)
                     }});
                     {(string.IsNullOrEmpty(grid._captionTop) ? string.Empty : string.Format("$('#{0}').append('<caption style=\"caption-side:top\">{1}</caption>');", grid._name, grid._captionTop))}
                     {(string.IsNullOrEmpty(grid._captionBottom) ? string.Empty : string.Format("$('#{0}').append('<caption style=\"caption-side:bottom\">{1}</caption>');", grid._name, grid._captionBottom))}
+                    {grid.GetSelectionScript()}          
                     </script>";
 
             return script;
@@ -316,6 +320,20 @@ private static string GetDataStr<T>(this GridBuilder<T> grid)
                     {(string.IsNullOrEmpty(grid._data) ? string.Empty : string.Format("d.data = {0}()", grid._data))}
                     }}";
         }
+
+        private static string GetSelectionScript<T>(this GridBuilder<T> grid)
+        {
+            return grid._selectEnable && grid._selectItems == SelectItems.Checkbox ?
+                $@"$(""#{grid._name}_SelectAll"").on( ""click"", function(e) {{
+                var  {grid._name}DT = $(""#{grid._name}"").DataTable();
+                if ($(this).is( "":checked"" )) {{
+                        {grid._name}DT.rows().select();
+                    }} 
+                    else {{
+                        {grid._name}DT.rows().deselect(); 
+                    }}
+                }});" : string.Empty;
+        }
     }
 }
 

DatatableJS/JSHelper.cs

@@ -79,7 +79,10 @@ public static IHtmlContent RenderHtml<T>(this GridBuilder<T> grid)
                     <table id=""{grid._name}"" class=""{grid._cssClass}"" style=""width:100%"">
                         <thead>
                             <tr>
-                                {string.Join(Environment.NewLine, grid._columns.Select(a => string.Format("<th>{0}</th>", a.Title)))}
+                                {string.Join(Environment.NewLine, 
+                                grid._columns.Select(a => grid._selectEnable && grid._selectItems == SelectItems.Checkbox && a.ClassName == "select-checkbox" 
+                                    ? $"<th style=\"text-align:center\"><input type=\"checkbox\" id=\"{grid._name}_SelectAll\"></th>" 
+                                    : string.Format("<th>{0}</th>", a.Title)))}
                             </tr>
                         </thead>
                         {tfoot}
@@ -271,6 +274,7 @@ public static IHtmlContent RenderScript<T>(this GridBuilder<T> grid)
                     }});
                     {(string.IsNullOrEmpty(grid._captionTop) ? string.Empty : string.Format("$('#{0}').append('<caption style=\"caption-side:top\">{1}</caption>');", grid._name, grid._captionTop))}
                     {(string.IsNullOrEmpty(grid._captionBottom) ? string.Empty : string.Format("$('#{0}').append('<caption style=\"caption-side:bottom\">{1}</caption>');", grid._name, grid._captionBottom))}
+                    {grid.GetSelectionScript()}
                     </script>";
 
             return new HtmlString(script);
@@ -285,5 +289,19 @@ private static string GetDataStr<T>(this GridBuilder<T> grid)
                     {(string.IsNullOrEmpty(grid._data) ? string.Empty : string.Format("d.data = {0}()", grid._data))}
                     }}";
         }
+
+        private static string GetSelectionScript<T>(this GridBuilder<T> grid)
+        {
+            return grid._selectEnable && grid._selectItems == SelectItems.Checkbox ?
+                $@"$(""#{grid._name}_SelectAll"").on( ""click"", function(e) {{
+                var  {grid._name}DT = $(""#{grid._name}"").DataTable();
+                if ($(this).is( "":checked"" )) {{
+                        {grid._name}DT.rows().select();
+                    }} 
+                    else {{
+                        {grid._name}DT.rows().deselect(); 
+                    }}
+                }});" : string.Empty;
+        }
     }
 }