Autocomplete Kendo Control I don't want to show "No Data found" when no matching records

Question

I have a autocomplete kendo control which I use with Angular, its working as expected but I don't want to show the "NO DATA FOUND" list when there are no records match the text that the user enter.

I find the option k-no-data-template but this set the template in case no data was found.

Basically I want to show the list only if there are match results.

score 7 · Accepted Answer · answered Dec 01 '16 at 18:55

7

You can try this:

noDataTemplate: ''

for example

$("#autocomplete").kendoAutoComplete({
   dataSource: [
     { id: 1, city: "Bangalore" },
     { id: 2, city: "Pune" }
  ],
  dataTextField: "city",
  noDataTemplate: ''
});

So here, No Data found message won't come and even if you want to customize it put then:

noDataTemplate: 'customized message'  // if you want to show your custom message to user

Hope it work for you.

answered Dec 01 '16 at 18:55

Avnesh Shakya

3,828
2
23
31

If you are using Angular you can seet the option k-no-data-template="''" – mbadeveloper Dec 05 '16 at 12:19
Simple and effective suggestion :) didn't think of it. Thanks. – Jack0fshad0ws Apr 18 '17 at 02:33

score 0 · Answer 2 · answered May 24 '18 at 08:36

0

You can set the option k-no-data-template="''"

answered May 24 '18 at 08:36

mbadeveloper

1,272
9
16

score 0 · Answer 3 · answered Aug 06 '19 at 13:10

0

You can set this globally by css/sass:

.k-nodata
  *
    display: none
  &:after
    content: 'your custom text'

answered Aug 06 '19 at 13:10

dimson d

1,488
1
13
14

Autocomplete Kendo Control I don't want to show "No Data found" when no matching records

3 Answers3