Added support for get/set filter values

Author: programcsharp

Griddly/Scripts/griddly.js

@@ -692,13 +692,34 @@
             }
         },
 
-        buildRequest: function(paging)
+        getFilterValues: function()
         {
-            var filters = $(".griddly-filters input, .griddly-filters select", this.$element);
+            var allFilters = $(".griddly-filters input, .griddly-filters select", this.$element).add(this.$inlineFilters);
+
+            return serializeObject(allFilters);
+        },
 
-            filters = filters.add(this.$inlineFilters);
+        setFilterValues: function(filters, isPatch)
+        {
+            if (isPatch !== true)
+            {
+                var allFilters = $(".griddly-filters input, .griddly-filters select", this.$element).add(this.$inlineFilters);
 
-            var postData = serializeObject(filters);
+                allFilters.each(function ()
+                {
+                    $(this).val(filters[this.name]).change();
+                });
+            }
+            else
+            {
+                for (var key in filters)
+                    $("[name='" + key + "']").val(filters[key]).change();
+            }
+        },
+
+        buildRequest: function(paging)
+        {
+            var postData = this.getFilterValues();
 
             if (this.options.sortFields.length)
             {

Griddly/Views/Home/FilterRangeGrid.cshtml

@@ -5,7 +5,8 @@
 
 @Html.Griddly(new GriddlySettings<TestGridItem>()
     {        
-        PageSize = 5
+        PageSize = 5,
+        ClassName = "filter-range-grid"
     }
     .Column(x => x.FirstName, "First Name", defaultSort: SortDirection.Ascending)
             .Column(x => x.LastName, "Last Name")

Griddly/Views/Home/Index.cshtml

@@ -5,15 +5,19 @@
 <div class="jumbotron">
     <h1>Griddly</h1>
     @*<p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
-    <p><a href="http://asp.net" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
-        *@
+        <p><a href="http://asp.net" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+    *@
 </div>
 
 <div class="row">
     <div class="col-md-12">
         @Html.Griddly("FilterBoxGrid", new { test = SortDirection.Ascending })
+        <br />
+        <a href="javascript:GetFilterValues()">get filter values</a> | <a href="javascript:SetFilterValues()">set filter values</a> 
         @Html.Griddly("FilterRangeGrid")
+        <br />
         @Html.Griddly("FilterListGrid")
+        <br />
         @Html.Griddly("TestGrid")
     </div>
 </div>
@@ -27,7 +31,24 @@
         for (var k in result)
             str += " " + k + " : [ " + result[k].toString() + " ]\n";
         str += "}";
-        
+
+        alert(str);
+    }
+
+    function GetFilterValues()
+    {
+        var result = $(".filter-range-grid").griddly("getFilterValues");
+
+        var str = "{\n";
+        for (var k in result)
+            str += " " + k + " : [ " + result[k].toString() + " ]\n";
+        str += "}";
+
         alert(str);
     }
+
+    function SetFilterValues()
+    {
+        $(".filter-range-grid").griddly("setFilterValues", { companyStart: '53' } );
+    }
 </script>

Griddly/_AppStart.cshtml

@@ -1,6 +1,6 @@
 @using Griddly.Mvc;
 
 @{
-    GriddlySettings.DefaultClassName = "table table-bordered table-hover";
+    //GriddlySettings.DefaultClassName = "table table-bordered table-hover";
 }