Selecting initial value combo box

[Eric]

Hello,

I'm trying to tweak my combo box for optimum performance but what I'm trying to do is either not possible or I do not know how to do it properly.

What I want to happen is this :

1. When my page loads I want it to load only the selected item. I'm setting my dataSource to autoBind false and creating an input with a single option which is the selectedValue that I return back from the server. Then on the open I'm selecting that initial selected value out of the returned results. The idea behind this is I want to display selectedValue but do not want load rest of results unless user accesses the dropdown.

2. When typing in the comboBox I want each request to be sent back to the server.  Currently it seems the way I have it setup that initially grabs the data from the server but then it does not callback to server as I change my typed value but instead limits value based on values already returned. The purpose behind this is my comboBox may return hundreds, if not thousands of records and I do not want it loading the whole set.

$('body').ready(function () {

 

 

                var jqWidget = $("#myWidget");

                var selectedValue = 1;

 

                var remoteDataSource = { transport:

                {

                    read:

                    {

                        dataType : "jsonp",

                        url : "http://localhost:8080/detail/000/q",

                        data :

                        {

                            retrieveValues : "true",

                            widgetName : "manufacturingLocation"

                        },

                        autoBind : false,

                        autoSync : true

                    },

                    serverFiltering: true

 

                }

                };

 

                var selectDropdownFunction = function( e )

                {

                    selectInitialValue( jqWidget, selectedValue );

                };

 

                jqWidget.kendoComboBox( {

                                                      dataSource : remoteDataSource,

                                                      autoBind : false,

                                                      dataTextField: "value",

                                                      dataValueField: "id",

                                                      open: selectDropdownFunction,

                                                      filter: "contains",

                                                      suggest: true,

                                                      index: 0,

                                                      delay: 800

 

                                                  } );

 

 

            });

 

            function selectInitialValue( jqWidget, selectedValue )

            {

                jqWidget.data('kendoComboBox').value(selectedValue);

            }

Any ideas how to do this? Or am I doing something wrong?