How to refresh kendo grid with new data
<p>After I load a kendo grid, I would like to refresh/reload the grid with new data using a button click.</p>

<p>Controller:</p>

<pre><code>    using Kendo.Mvc;
    using Kendo.Mvc.Extensions;
    using Kendo.Mvc.Infrastructure;
    using Kendo.Mvc.UI;

    public ActionResult FollowUpGrid_Read([DataSourceRequest]DataSourceRequest request, string name, string id)
{
List&lt;vmFollowUpGrid&gt; FUPList = new List&lt;vmFollowUpGrid&gt;();
FUPList = (from u in db.usrUserBldgLists 
                join e in db.entEntities on u.EntID equals e.EntID
                join d in db.entDistricts on e.FANo equals d.DistNo
                join ed in db.entDistricts on e.OANo equals ed.DistNo
                join b in db.entBuildings on e.OBNo equals b.BuildNo
                where u.UserID == "A1036719" &amp;&amp; u.FANO == id
                select new vmFollowUpGrid { FANo = u.FANO, FAName = d.DistrictName, OANo = u.OANO, District = ed.DistrictName, OBNo = u.OBNo, Building = b.BuildName}).Take(50).ToList();
var FUList = FUPList.ToDataSourceResult(request);
return Json(FUList, JsonRequestBehavior.AllowGet);                         
} 
</code></pre>

<p>The cshtml page:</p>

<pre><code>        @(Html.Kendo().Grid&lt;MDEFollowUp.Models.vmFollowUpGrid&gt;()
.Name("FollowUpGrid")
.Columns(columns =&gt;
{
    columns.Bound(p =&gt; p.FANo);
    columns.Bound(p =&gt; p.FAName);
    columns.Bound(p =&gt; p.OANo);
    columns.Bound(p =&gt; p.District);
    columns.Bound(p =&gt; p.OBNo);
    columns.Bound(p =&gt; p.Building);
})
   .Pageable(pageable =&gt; pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
    .Sortable()
    .Scrollable()
    .Filterable()
    .DataSource(dataSource =&gt; dataSource
        .Ajax()
        .PageSize(20)
                .Read(read =&gt; read.Action("FollowUpGrid_Read", "FollowUp").Data("additionalAgencyInfo")))
        ) 
</code></pre>

<p>Then a button click event to refresh the grid with new data but this doesn't seem to recognize the grid assignment.</p>

<pre><code>            $("#btnclick").click(function () {

        var grid = $("#FollowUpGrid").data("tGrid");
        var params = {
            name: "Agency",
            id: "63190"
        };
        var dataSource = new kendo.data.DataSource({ data: params });
        //grid.rebind(params);
        grid.setDataSource(dataSource);
    })
</code></pre>

<p>How should I assign the grid in the button to accomplish this?</p>