Intersoft Community - Lounge - Filter webgrid at client side

Filter webgrid at client side

Hans — Thu, 16 Oct 2014 04:15:47 GMT

Hello,

My apologies.

By default, the WebGrid’s binding operation mode is using ‘server-side binding’ mode. So (in this case) the filtering process will go to server side.

To achieve your scenario, I suggest you to use ‘client-side binding’ mode on your WebGrid.
Client-side binding is a mechanism that processes data operation and binding life-cycle entirely in the client-side.
By using this binding operation mode, the filtering process will not go to server side.

Intersoft has provided a couple of samples that show how-to use client-side binding & how the client-side binding works.
Please kindly have review on the WebGrid Solution Samples to see the result.

For further information regarding client-side binding, you could see from WebGrid’s documentation:
http://www.intersoftpt.com/Support/WebGrid/Documentation/topic512.html

Hope this helps.

Regards,
Hans K.

Filter webgrid at client side

rupeshshakti — Wed, 15 Oct 2014 12:02:30 GMT

Hi Hans,

Thanks for the Reply but my explanation you did not get.

My qusetion is:

when my webgrid is binded through code behind(using e.datasource) and I am trying to filter something from filter section in the webgrid, It goes to server side.

Here I want to restrict the grid not to go server side filter on page itself.

Is it Possible?

Regards

Rupesh Shakti

Filter webgrid at client side

Hans — Tue, 14 Oct 2014 04:24:11 GMT

Hello,

Thank you for the question regarding WebGrid.

I have created a WebGrid sample that show how to add filter to WebGrid from JavaScript code.
I bind the WebGrid to access data source (Northwind.mdb database & Shippers table).

Here’s the snippet example code how to add filter:

function AddFilter(){
    var grid = ISGetObject("WebGrid1");
    var newFilter = new WebGridFilter();
    newFilter.ColumnMember = "CompanyName";
    newFilter.FilterType = "Like";
    newFilter.FilterText = "United";                
    grid.RootTable.FilteredColumns.Add(newFilter);                            
    grid.RootTable.UpdateUI();
    grid.Refresh();
}

As you can see, I tried to filter the ‘CompanyName’ column that has ‘United’ value.

I attached the sample so that you can have review on the sample as well.

From further information about programmatic filter, you could follow this link below (“Add and remove Filtered Column programmatically” section):
http://www.intersoftpt.com/Support/WebGrid/Documentation/topic512.html

Hope this helps.

Regards,
Hans K.

Filter webgrid at client side

rupeshshakti — Mon, 13 Oct 2014 10:57:26 GMT

Hi,

I want to filter my grid at cliet side, no need to go on server side.

is there any way to not go server side while filter into webgrid.

Regards

Rupesh Shakti