title: Reload kendo grid according to dropdown selection
body: <p>I'm using Kendo UI grid with ASP.NET MVC 4</p>
  
  <pre><code>    @Html.Label("Status: ")&lt;select id="drStaus" style="width:250px"&gt;
                  &lt;option value="Open"&gt;Open&lt;/option&gt;
                  &lt;option value="Pending"&gt;Pending&lt;/option&gt;
                  &lt;option value="Other"&gt;Closed&lt;/option&gt;
  
              &lt;/select&gt;
      &lt;br /&gt;&lt;br /&gt;
  
      @(Html.Kendo().Grid((IEnumerable&lt;FeedBackDashBord.Models.FeedBack&gt;)Model)    
      .Name("grid")
      .Columns(columns =&gt; {
          columns.Bound(o =&gt; o.id).Visible(false);
          columns.Template(o =&gt; Html.ActionLink("Edit", "Edit", new { o.id })).ClientTemplate("&lt;a href=\"" + Url.Action("Edit", "DashBoard") + "/#= id#\"&gt;Edit&lt;/a&gt;").Width(45);
          columns.Bound(o =&gt; o.CurrentURL).Width("200px").Title("Reported URL");
          columns.Bound(o =&gt; o.OS).Width("70px");
          columns.Bound(o =&gt; o.Browser).Width("70px");
          columns.Bound(o =&gt; o.UserAgent).Width("200px"); ;
          columns.Bound(o =&gt; o.datetime).Title("Date Time").Width("100px");
          columns.Bound(o =&gt; o.Description).Title("Description").Width("200px");
          columns.Bound(o =&gt; o.Email).Width("150px");
          columns.Bound(o =&gt; o.Status).Width("70px");
          columns.Template(o =&gt; Html.ActionLink("Details", "Details", new { o.id })).ClientTemplate("&lt;a href=\"" + Url.Action("Details", "DashBoard") + "/#= id#\"&gt;Details&lt;/a&gt;").Width(65);
      })
      .Pageable()
      .Sortable()
      .Scrollable()
      .Filterable()
      .Groupable()
      .HtmlAttributes(new { style = "height:900px;" })
       .DataSource(dataSource =&gt; dataSource
          .Ajax()
          .PageSize(20)
          .Read(read =&gt; read.Action("AjaxGrid", "DashBoard").Data("additionalInfo"))
               )
  
  )
  
      &lt;script&gt;
  
          function additionalInfo() {
  
                  return {
                      status: $("#drStaus").val()
                  }
  
          }
  
  
          $("#drStaus").kendoDropDownList();
  
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>In the above code i have successfully bound the Kendo Grid to a data source. Now i need to implement the following scenario.</p>
  
  <p>when a option value is selected from the "drStaus" dropdown, i want to pass the selected value to the kendogrid and reload the grid according to the selected value.</p>