Hi Kendo Team, 
I have the same situation using in Kendo UI Masked control with AutoComplete. If I masked the auto complete control, it does not filter desire result from the autocomplete data list. Is this a bug in kendo that Maked control can not work with Autocomplete ?? Here is my code, please  provide solution if possible - 
 <div class="demo-section k-content">
        <h4><label for="Phones">Choose phone#:</label></h4>
     </div>
 <script>
        $(document).ready(function () {
            var data = [
                "7001",
                "7001.34.32",
                "7001.34.32.22",
                "7001.34.3",
                "7031.34.32"

            ];

            //create AutoComplete UI component
            $("#phones").kendoAutoComplete({
                dataSource: data,
                filter: "contains",
                placeholder: "Select Phone#..."
            });
      
            $("#phones").kendoMaskedTextBox({
                mask: "0000.00.00.00"
            });
});
    </script>

Thanks,

Swarup

Hi,

I have following code:

    //Autocomplete Gemarkungssuche
    $("#al_gemarkung").kendoAutoComplete({
        minLength: 1,
        dataTextField: "bez",
        select: onSelectAlkisplace,
        enable: true,
        dataSource: new kendo.data.DataSource({
           transport: {
               read: "mod_alkis/gem_search.php",
               //parameter
               parameterMap: function(options, operation) {
                   return {
                       placename: options.filter.filters[0].value
                   }
               }
           },
           schema: {
               data: "data"
           },
           //Filter aufServer nicht Client
           serverFiltering: true
       })
    });   

if I enter a letter everything works fine, but if I go back to the beginning of my input with the backspace key or delete everything in the input field I get the following error in the console:
TypeError: options.filter.filters[0] is undefined
How can I prevent this?

Thanks Sven

I use AutoComplete as people picker

When selecting element, the whole object is selected (but just first name and last name is shown).

You can get selected object by: $("#" + ).data("kendoAutoComplete").dataItem()

The problem is when I fill the form with data. I don't know how to set to autocomplete so there would be value in ""

$("#" + ).data("kendoAutoComplete").value("test") is setting only what's displayed

I need this to validate whether the proper element was selected and I need all of the other properties of .

How to set as element in AutoComplete

is it possible to dynamically change the data source currently , I get errors when trying. Any ideas why. ( I am quite new to angularJs and kendo)

Hi,

I am trying to implement kendo autocomplete on google maps. Normally it works fine but when I make the map full screen then autocomplete dropdown list is not selectable anymore. I tried to change the z-index but didn't work. Any ideas?

Here is my sample fiddle.

Using the auto complete widget, is it possible to automatically highlight (but not select) the first item in the dropdownlist, but still allow the user to type into the textbox?

Currently, when you type in the textbox and see the item you want as the first in the dropdownlist you have to hit the down arrow to select it, then tab to go to the next field. We'd like it to have that selected by default. 

Hi, 

I'm wondering how can I read get the data from datasource before user click on the autocomplete widget. I have the following code:

 var ds = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "../IndividualData/SalesPerson",
                    dataType: "json",
                    data: this.requestData()

                }
            },
            schema: { data: "data", total: "total" },
            pageSize: 50
        })
        this.autocomplete.setDataSource(ds);
        console.log(this.autocomplete.dataSource);

But it seems like I'm always getting empty datasource for  some reason. Can anyone help me?

Regards,

Yifan 

I have a textbox for which I added kendoAutoComplete function. This is working fine. However, I wanted to set some value to this textbox upon the page load (I get the value from DB). With KendoAutoComplete, I am unable to set this.
I can either implement KendoAutoComplete or set datsource. Both of them work fine separately. Where as, if I include the code related to both - it doesnt work. Below is the code. Can you please throw me some inputs if you have come across this issue?

myController.js

$("#txtPartNumbers").kendoAutoComplete({
            dataSource: {
                serverFiltering: true,
                enforceMinLength: true,
                transport: {
                    read: {
                        url: ApiBaseUrl.val + 'inventoryLocation/getParts',
                        type: "get",
                        dataType: "json",
                        data: function () {
                            return { partNumber: $scope.autoCompleteText }
                        }
                    }
                },
            },
            change: function(e) {
                $scope.autoCompleteText = this.value();
            },
            filter: "startswith",
            //placeholder: "Select Inventory Parts..",
            minLength: 3,
            separator: ", "
        });

cshtml:

<input id="txtPartNumbers" type="text" ng-model="filterByPartNumbers" class="form-control filterTextArea" style="width: 300px;height:80px;" placeholder="Enter Part Numbers (Comma sepatared)" />

I am setting "filterByPartNumbers" value in my controller

....

var data = getDataFromDB();

$scope.filterByPartNumbers = data.partNumbers;

...

Appreciate you help.

Thank you!!

Hello. 

I have a question about kendoui autocomplete and angularjs. I need to start the search when the user press enter how can i accomplish that?

Thx for the help.

Hi,

I'm wondering if there is something to make a parent child relationship between an autocomplete component to a grid?

I used to have another grid to host the information from autocomplete which I can use linkChild() to easily bind two grids. But I couldn't seem to find any similar function that allows me to do the same between the autocomplete with the grid. If there is no such method exist, is there any walk around that allows me to do so?

Regards,

Yifan