Pass document title to replaceState to provide parameter value

Feature check for history
Add example todos

Author: programcsharp

Griddly/Scripts/griddly.js

@@ -32,7 +32,7 @@
 
         var isLoadingHistory = false;
 
-        if (history.state && history.state.griddly)
+        if (window.history && history.replaceState && history.state && history.state.griddly)
         {
             var state = history.state.griddly[this.options.url];
 
@@ -930,23 +930,26 @@
 
             var postData = this.buildRequest();
 
-            var state =
+            if (window.history && history.replaceState)
             {
-                pageNumber: this.options.pageNumber,
-                pageSize: this.options.pageSize,
-                sortFields: this.options.sortFields,
-                filterMode: this.getFilterMode(),
-                filterValues: this.getFilterValues()
-            };
+                var state =
+                {
+                    pageNumber: this.options.pageNumber,
+                    pageSize: this.options.pageSize,
+                    sortFields: this.options.sortFields,
+                    filterMode: this.getFilterMode(),
+                    filterValues: this.getFilterValues()
+                };
 
-            var globalState = history.state || {};
+                var globalState = history.state || {};
 
-            if (!globalState.griddly)
-                globalState.griddly = {};
+                if (!globalState.griddly)
+                    globalState.griddly = {};
 
-            globalState.griddly[this.options.url] = state;
+                globalState.griddly[this.options.url] = state;
 
-            history.replaceState(globalState, document.title);
+                history.replaceState(globalState, document.title);
+            }
 
             // TODO: cancel any outstanding calls
 

Griddly/Views/Home/Examples.cshtml

@@ -17,6 +17,21 @@
 
         <h3>Other Random Examples/Tests</h3>
         @Html.Griddly("TestGrid")
+
+@* TODO:
+Columns
+Buttons
+Filters
+Selection
+Grid settings
+Exports
+LINQ results
+Dapper results
+Templating
+Server hooks
+Client events
+Client methods
+*@
     </div>
 </div>
 <script>
@@ -54,7 +69,7 @@
         var grid = $(".griddly.filter-list-grid");
         var table = grid.find("table");
 
-       
+
         // some basic changes to make the grid more conducive to scrolling
         grid.find(".griddly-scrollable-container").css({ "overflow": "auto", "height": "250px" });
         grid.find("thead td").css({ "background-color": "white" });
@@ -72,7 +87,7 @@
 
         grid.griddly("pageSize", 20);
         grid.griddly("refresh");
-        
+
         return false;
     }
 </script>