Geek asks and answers

Kendo UI Multiselect

I am using the new Kendo UI Multiselect widget with server-side filtering, but I had trouble getting it to make only ajax call after entering the minimum number of characters. I set the autoBind and minLength options to false and 3, respectively. However, it sends an ajax request to get the selection options as soon as I place the cursor in the text box. Wait until 3 characters (or more) are entered before sending another ajax request and updating the options list. But how do I make it wait until 3 characters are entered before the first ajax request is sent? This is how I set up multiSelect:

  $('#delegates').kendoMultiSelect(
        {
            autoBind: false,
            minLength: 3,
            placeholder: 'Select delegates...',
            dataTextField: 'name',
            dataValueField: 'personid',
            filter: 'contains',
            delay: 200,
            dataSource: {
                serverFiltering: true,
                transport: {
                    read: {
                        url: '/my/remote/url',
                        dataType: 'json'
                    }
                }
            }
        }
    );

overview API- MultiSelect KendoUI , , , ( , autoBind: false minLength: 3 , ). , , , - . .

+5
2

.

KendoUI : "- " FireBug, , . , .

, Kendo. , ( -) .

0
$("#products").kendoMultiSelect({
                        placeholder: "Select products...",
                        dataTextField: "name",
                        dataValueField: "id",
                        autoBind: false,
                        dataSource: {
                            transport:{
                                read:{
                                    url:'products/api/get',
                                    serverPaging:true,
                                    pageSize:20,
                                    contentType:'application/json; charset=utf-8',
                                    type:'GET',
                                    dataType:'json'
                                }
                            }
                        }
                    });
+1

More articles:


All Articles