This is a migrated thread and some comments may be shown as answers.

To many items ?

2 Answers 46 Views
AutoComplete
This is a migrated thread and some comments may be shown as answers.
Dirk
Top achievements
Rank 1
Dirk asked on 13 Apr 2016, 04:16 PM

Hi,

i' am trying to create a autocomplete widget with many items (10.000).  When i type in i recieved to many items and the hight of the autocomplete is not recognized.

and items appear out of the box. How can i solve this. I have no chace to reduce the data by the server via server filtering - it's not a really fast database..

 

Second question: The are two request made to the web service - why ?

 

My code is here:

 

 

01.guimodule.artikelautocomplete = (function () {
02. 
03. 
04.    var dsArtikel = new kendo.data.DataSource({
05. 
06.        type: "json",
07.        pageSize: 20,
08.        transport: {
09.            read: {
11.                type: "post",
12.                dataType: "json"
13.            }
14.        }
15.    });
16. 
17.    var artikelac = $("#artikelautocomplete").kendoAutoComplete({
18.        template:   "<table><tr><td>"+
19.                    "# var bez = data.b.split('|')##: data.n #</td><td>#: bez[0] #</td><tr>"+
20.                    
21.                    "<tr><td></td><td>#:bez[1]#</td></tr>"+
22.                    "</table>",
23.        dataSource: dsArtikel,
24.        height: 600,
25. 
26.        filter: "contains",
27.        highlightFirst: true,
28.        dataTextField: "b"
29.    }).data("kendoAutoComplete");
30. 
31.    //
32.    artikelac.list.width(400);
33. 
34. 
35. 
36. 
37.console.log("Artikelautocomplete was initialized");
38. 
39.return {}
40. 
41. 
42.}());
 Thanks in advance,

 

Dirk

2 Answers, 1 is accepted

Sort by
0
Dirk
Top achievements
Rank 1
answered on 14 Apr 2016, 10:48 AM

Hi,

 

the issu with the duclicated call of the dataservice is solved. I just added a autobind property.

 

But the other issue still occurs and this looks ugly .

 

Dirk

 

0
Konstantin Dikov
Telerik team
answered on 14 Apr 2016, 01:51 PM
Hi Dirk,

Regarding the remaining issue, could you please inspect the container of the items and see if the overflow property applied to it is set to "auto" or you are overriding it with some custom CSS? You need to look for the DIV element with the "k-list-scroller" class.

If further assistance is needed, please create a dojo example that replicates the issue, so we can test it locally.


Regards,
Konstantin Dikov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
AutoComplete
Asked by
Dirk
Top achievements
Rank 1
Answers by
Dirk
Top achievements
Rank 1
Konstantin Dikov
Telerik team
Share this question
or