Combobox datasource server filtering

[CH]

Hi,

I wish to create a combobox which when user enter 3 character
then the data source retrieve filtered data from server with the POST variable of keyword.

But i cant make the data source retrieve new data with combobox text, here is my code:

               var combo=$("#input_customer").kendoComboBox({
                dataTextField: "title",
                dataValueField:"entry_id",
                filter:"contains",
                minLength: 3
            }).data("kendoComboBox");

            var customer_ds=new kendo.data.DataSource({
                transport: {
                    read: {
                        type:"POST",
                        dataType: "json",
                        serverFiltering:true,
                        data:{keywords:combo.text()},
                        url: "ajax/customer"
                    }
                }
            });

            $("#input_customer").data("kendoComboBox").setDataSource(customer_ds);

[Alexander Valchev]

Hello Cheng-how,

I believe that the problem is caused by a syntax mistake - serverPaging should be peroperty of the DataSource object.

var combo=$("#input_customer").kendoComboBox({
    dataTextField: "title",
    dataValueField:"entry_id",
    filter:"contains",
    minLength: 3
}).data("kendoComboBox");

var customer_ds=new kendo.data.DataSource({
    serverFiltering:true,
    transport: {
        read: {
            type:"POST",
            dataType: "json",
            data:{keywords:combo.text()},
            url: "ajax/customer"
        }
    }
});

$("#input_customer").data("kendoComboBox").setDataSource(customer_ds);

I hope this will help.

Regards,
Alexander Valchev
Telerik

[CH]

Thanks Alexander, i fixed that and it does run the query to server, however,
the text() method of kendoComboBox return empty string until user focus out the combo box. anyway to fix this problem?

[CH]

Hi Alexander, I found the problem is the data object of datasource doesn't change when new request to server.
How to refresh the read object?

i tried to use .read() method of datasource, but i can't find any key down event for combobox,
it dispatch a change event only when user focus out.

[Alexander Valchev]

Hello Cheng-how,

Please use the parameterMap function of the DataSource to modify the additional data that is being sent with the read request. The function is evaluated every time when new jQuery.ajax request is started.

Regards,
Alexander Valchev
Telerik