Skip to main content

Solved: Default filters lost on rebind of Telerik MVC Gridview.

Problem:
While working with MVC Telerik GridView let’s say you have some default filters using Filterable, as mentioned in below code:

@(Html.Telerik().Grid(Model)
    .Name("testGrid")
    .Columns(c =>
            {
                c.Bound(m => m.Id).Width(30);
                c.Bound(m => m.Name).Width(110);
                c.Bound(m => m.Telephone).Width(100);
                c.Bound(m => m.IsActive).Width(100);
            })
    .DataBinding(dataBinding =>
            {
                dataBinding.Ajax().Select("<Action-Name>", "<Controller-Name>",
                    new { id = Guid.NewGuid().ToString() });

            })
        .Sortable()
        .Pageable(paging => paging.PageSize(100))
        .Filterable(filtering => filtering
                    .ShowOrOption(true)
                    .Filters(filters => filters.Add(T => T.IsActive).IsEqualTo("Yes")))
        .Selectable()
)

And suppose there is one search button, on click of that you are refreshing the grid with the help of rebind method, as mentioned in below code:

$("#searchButton").click(function () {
    $('#testGrid').find("tr.t-no-data td").html("Please wait...");

    $('#testGrid').data('tGrid').rebind({ empId: '' });

    $('#testGrid').find("tr.t-no-data td").html("No records");
});

After refresh you’ll see that default filter IsActive of GridView is no more there.

Reason and Solution:
Default filter are removed on GridView rebind method because this method reset the filters, and if you try to see “filter by” property in jQuery debugging then it’ll be blank after grid rebind happens.

To solve this problem we can use ajaxRequest method to refresh the grid instead of rebind method, see the updated and working code below:

$("#searchButton").click(function () {
    $('#testGrid').find("tr.t-no-data td").html("Please wait...");

    //Use ajaxRequest instead of rebind so that filter won't reset.
    $('#testGrid').data('tGrid').ajaxRequest({empId: '' });

    $('#testGrid').find("tr.t-no-data td").html("No records");
});
Labels:

Comments

Post a Comment

Popular posts from this blog

Difference between Web API, WCF and Web Service

So now we have got the basic idea about Web API , now let’s do some comparison of Web API with WCF and web services. Web Service WCF Web API Web services are created as files with .asmx extension. WCF create with .svc extension Web API are simple class file with .cs(for C#) extension. Web API is inherited from “ApiController” and the class name must end with “Controller”. It is SOAP based service and returns data in XML form. It is also based on SOAP and returns data in XML form. Web API is HTTP based service and by default, it returns data in JSON or XML form. It supports only HTTP protocol. It supports various protocols like TCP, HTTP, HTTPS, Named Pipes, and MSMQ. It supports HTTP protocol. It can be hosted only on IIS. It can be hosted within the application or on IIS or using window service. It can be hosted within the application or on IIS. It is no...
4 comments
Read more

C#: Merging Excel cells with NPOI HSSFWorkbook

In this post we’ll see how to merge the two or more cell with each other while creating the excel sheet using NPOI . Mentioned below is code to merge multiple cells, in this example we are merging first cell to fifth cell of first row (you can adjust row or cell range by passing particular parameters in CellRangeAddress). //Created new Workbook var hwb = new NPOI.HSSF.UserModel. HSSFWorkbook (); //Create worksheet with name. var sheet = hwb.CreateSheet( "new sheet" ); //Create row and cell. var row = sheet.CreateRow(0); var cell = row.CreateCell(0); ; //Set text inside cell cell.SetCellValue( "This is Merged cell" ); cell.CellStyle.WrapText = true ; //define cell range address // parameters: -> first row to last and first cell to last cell var cra = new NPOI.SS.Util. CellRangeAddress (0, 0, 0, 4); //Add merged region to sheet. sheet.AddMergedRegion(cra); Hope this solution helps you J
4 comments
Read more

How to create RSS feed or Atom feed with .Net Syndication

Overview Every other website that routinely publishes contents provides syndication feed to its users. A syndication feed can be a static XML file that gets created automatically whenever new content is published or it can be a dynamic web page that gets the latest published items and provides the appropriate XML markup. A good example of data-sharing using XML is Web site syndication, commonly found in news sites and Web logs. Another example is Twitter provides feeds of user's most recent tweets. With the help of syndication feed, a Web site publishes its latest content in an XML-formatted file. Because it conforms to a known XML standard, its data can be parsed by any language that knows how to work with the syndication standard. There are a number of syndication formats in use, one of the more popular ones being RSS 2.0. About Syndication in .Net Microsoft introduced System.ServiceModel.Syndication namespace in .Net Framework 3.5, before that there was not any b...
2 comments
Read more