Grid filterable Row mode

[popo]

Hi guys,

     I'm working on Grid filterable row mode with remote data. In this Demo Grid Filter Row , When I input value, It show dropdown list like autocomplete behavior. The grid show data lost focus or Enter key is pressed. It also request Get data 2 times to server. How can I disable function that show the dropdown list data result. I just want to request data one times when lost focus or press enter.

 

Regards

Thanh

[Boyan Dimitrov]

Hello popo,

 

The reason for this behavior is because the AutoComplete widget copies the DataSource of the Kendo UI Grid. Given this it loads its data with a request to the server and then Kendo UI Grid sends a request to the server in order to perform the filtering (serverFiltering is enabled for the Kendo UI Grid). If you disable the serverFiltering then it should not perform the second request. 

 

Regards,
Boyan Dimitrov
Telerik

 

 

[popo]

Hi Boyan,

         I changed the serverFiltering value to false as you said. I see that the request doesn't have any params in request console, how can I pass the param to server or something like that. I'm using Web API Service. Are there any option that can help my case? Just filter from server by the second request, not by the first request. 

[Boyan Dimitrov]

Hello popo,

 

The transport.read.data allows user to send additional data to the server along with the request. 

 

Regards,
Boyan Dimitrov
Telerik

 

 

[popo]

Hi Boyan.

What i need is not custom request parameters .

I need stop that filter data like an autocomplete control when i input. Data only get when Enter is pressed or lost focus. I attach the image with detail description.

Thank you for your supporting.

Regard,

Popo

[popo]

Hi Boyan,

Something went wrong when i attached the image. I do it again

Best regards,

popo

[Boyan Dimitrov]

Hello popo,

If an input element is used in the filter row for the ProductName it will not make any requests while user is typing and it will make only one request when user tabs out. In order to define a custom ui for the filter row you can use the columns.filterable.cell.template. 

Please refer to the http://dojo.telerik.com/IWECu example. 

Regards,
Boyan Dimitrov
Telerik

 

 

[popo]

Hi Boyan,

    Thank you very much for your supporting.That is exactly I need, I deal with it a week... You save my life from my boss. haha

    I marked it as an answer.

Best regards.

Popo