Click here to Skip to main content
15,886,676 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
on my page, there is list of nearby than 6k. the code in js
Ext.define('DCT.ComboField', {
extend: 'Ext.form.ComboBox',

shadow: false,
typeAhead: true,
forceSelection: true,
queryMode: 'local',
valueField: 'code',
displayField: 'display',
valueNotFoundText: '',
inputXType: 'dctcombofield',
dctControl: true,
keyDownValue: "",
anyMatch: true,
xtype: 'dctcombofield',
defaultListConfig: {
loadingHeight: 70,
minWidth: 30,
maxHeight: 300,
shadow: 'sides'
},
it takes long time to display list. more than 2 sec.

What I have tried:

i want to add minLength . but need ask the find position.
Posted
Updated 28-Feb-18 1:49am

1 solution

No user in the world is going to appreciate having a combobox with 6k entries in it! Find a way to limit what is in the list and as if by magic performance will improve. Examples of ways you can limit what is there is to have cascading comboboxes (selecting a category from the first shows the list in the 2nd), First-letter checkboxes, paged display (i.e. only show the list in chunks of 100) etc etc
 
Share this answer
 
Comments
phil.o 28-Feb-18 7:53am    
5'd
softprga 28-Feb-18 23:37pm    
do you any example for above solution using Extjs
CHill60 1-Mar-18 5:05am    
Try these examples from Google[^]

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900