dropdown or combo - javascript

I need exactly same feature as following dropdown or combo
Typable inside combo and auto complete,
2000 of items or more.
Should not show items list while typing.
Should show items list after pressing downkey or button.
while showing items list, must shows 3 or 4 items at a time and scoll and focus.
Hope you get my problem.

Take a look at jQuery Autocomplete. It has most most features you require, and you can probably customize it to get the rest.
At least you get a solid basis to build upon.

Related

Chrome input caching too slow

I have a website which has 3 select boxes at the top. These select boxes are used as filters for a table I am displaying underneath it. When you change something on the select box I filter the table.
If I change the select box values and go to a new page and hit the back arrow at the top and return to the same page all of my select boxes changes are still there. However, the filter that I applied to the tables using javascript does not match the filter displayed. The table displays data for the default filters.
I though if I just run the filter function on page load, things would work again. But turns out the filter function runs way before chrome resets the value of the select boxes from the cache. When I set the breakpoint and started debugging the progression on returning back to page is:
1. The select boxes resets to default values (i.e the order of the `<option>` tag)
2. The table filters based on the default values
3. Chrome at some point decides to readd the filter
How do you guys deal with this?

Limitation for semantic drop-down multiple selection

I am trying to have a Semantic UI dropdown menu which allows additions but I don't want user to have more than 4 selection.
When user added 4 items to his selection, 4 labels will be added, now he shouldn't be able to add more labels to his selection.
How can I achieve that?
You can use the select2.js for the multiple select drop down with limitation.
https://select2.org/getting-started/basic-usage
For more appropriate solution please share your code here.

Selector with mouse and custom right click

Last time, I wanted to make a little application with draggable elements.
But now, I want to improve my code.
First, please have a look at my plunker project, where i pasted al my code in.
http://next.plnkr.co/edit/gD9Q3NYQES4OMVmY
What i want to do: Step 1
What i want to do now, is that you can select 2 or 3 draggable items. How? I want to make that like on some software systems, on which you can select the items with just crop a box over the items and then all selected items get a background (for showing they are selected).
Now Step 2
If you click NOT on an item, the custom right-click is just like this: https://prnt.sc/lmh7a6
But if you right click on an item, you should be able to execute some other action like deleting it.But if you select a couple of items, you should be able to delete them all or something like this.
Thank you guys, for all help :)

How to show select box items in multiple section in grails

I am using grails 2.1.1. I have a many select box that contains so much data. Now I want to show 10 items in each display of select. And there should be next previous icon to navigate at bottom of select box. I have goggled for it but found no solution. Is it possible to do it in grails?!! Can anybody help me on this please ?

list with multiple select2 very slow

I've got a list with 100 records. For each record I've got 2 selectboxes which I convert to a select2 selectbox. Problem is that building the list takes 10 seconds. When I'm not using select2 it takes 1 second.
Any idea how I can make it faster?
Apply a graphical plugin to 200 elements take time.
You could try to hide the container containing the select boxes before applying the Select2 plugins and display it only after page loading (use JQuery event to be notified). Therefore, it will avoid browser refreshing.
You should also consider to not display all your select boxes on the same page (use pagination?).
Or apply the plugin only to the visible select boxes on the screen. Spy the scroll event to apply the plugin to the new elements displayed.

Categories