Kendo Grid Filter functionality with Server Operation True
<p>I have a kendo Grid which pulls loads of data. To increase the performance i have set the ServerOperation(true), which hits the database for each pagination click to load only 20 records each time it hits.</p>

<p>But, kendo Grid Filter is not working when ServerOperation(true).
Here is the code.If we make ServerOperation false, the grid retrieves all the data at once which will hit the performance. Please suggest any solution to have the filter with ServerOperation true.</p>

<pre><code>@(Html.Kendo().Grid&lt;ViewModel&gt;().Name("Grid")
       .Columns(columns =&gt;
           {
            columns.Bound(p =&gt; p.Id).Hidden();
            columns.Bound(p =&gt; p.Number).Filterable(filterable =&gt; filterable.UI("NumberFilter")).Width("150px").Locked(true);                              
             })
       .Filterable().Sortable()
       .Resizable(resizing =&gt; resizing.Columns(true))
       .Reorderable(reordering =&gt; reordering.Columns(true))
       .Pageable().Scrollable(scr =&gt; scr.Height(580))
       .DataSource(dataSource =&gt; dataSource.Ajax().PageSize(20)
       .Read(read =&gt; read.Action("LoadTransaction", ControllerName.).Data("geton"))

))



public ActionResult LoadTransaction(int clientid, string id)
{
         PagingInfo gvpi = UiControls.GetGridViewPagingInfo(Request.Form);
         gvpi.FilterColumns.Add(new PagingColumn() { Name = "ClientId", Value = clientId.ToString(), IsFullTextFilter = true });
         gvpi.FilterColumns.Add(new PagingColumn() { Name = "Id", Value = Id, IsFullTextFilter = true });

         gvpi.PageSize = 20;
         var pagedResult = _contextservice.GetAllByPage(gvpi);
         return UiControls.GetGridViewDataAsJson(pagedResult.GridData, pagedResult.RecordCount);
}

function geton()
{
     var clientId = $('#ClientId').val();
     var Id = $('#Id').val();
     return { clientId: clientId, Id: divisionId }
}
</code></pre>

<p>Thanks,
Namitha</p>