How to create linked multiselect boxes in extjs classic 6 - javascript

I'm starting my adventure with ExtJS, currently I'm using version 6.0.2 (Classic). I have to create specific kind of form as shown in link below :
I think it is a kind of Html's Select Box with multiple selection option.
My question is how can I create it in Ext JS? Is it possible to use ComboBox or other Ext component to create such a form? (I've read Sench docs and I didn't find Selection Box, whereas MultiSelector has deprecated config MultiSelect).
Thanks in advance for helps.

I'm pretty sure what you're looking for is called an ItemSelector in ExtJS.
See here: http://docs.sencha.com/extjs/6.2.0/classic/Ext.ux.form.ItemSelector.html
The search function for the second box is not available, though. If you absolutely need that, you'll have to override the ItemSelector and/or build your own component for that.

Related

Add custom item to grid menu in ExtJS3

I'm trying to make some changes on CMS, which uses ExtJs 3.
What I want is to add 2 buttons:
Show all posts
Show only my posts (there is a column called "Member")
I've founded the solution here , but it uses ExtJs 4 and is incompatible with older version. How can I do it for ExtJs 3?
I know I don't give you enough information but I can suggest you to use a filter on the store to make the button works.
Something like:
MyStore.filter("Member", true);
And
MyStore.clearFilter();
I haven't create this kind of button (on the list of option) so I can't help for this part. Maybe you can create this button outside of the grid?
Hope this help

How to reload format-box in CKEDitor 4 dynamically?

I want to populate the format-box in CKEditor toolbar dynamically (depending on what the user selects in another select box).
Is it possible to change the options of the format-combo box dynamically , without reloading the whole CKEditor ?
The shortest answer is: no. However...
The plugin responsible for this box is the format plugin. It gathers all the data during the init function called when editor is being initialized. If you want to have this thing dynamically populated, you need to change some logic of this plugin on your own.
You might be interested in onRender callback for rich combos which is used by the plugin to dynamically change the value of the combo. Another handful thing might be add() method of rich combo used by format plugin. I'm pretty sure you got to extend the richcombo plugin to remove items.
Good luck anyway!

Multiple selection in Bootstrap typeahead

I'm looking for a proper way to implement the jquery mobile filter list in bootstrap typeahead component.
The functionality that I needed is here in the following link. Please scroll down to the bottom. http://jquerymobile.com/demos/1.2.1/docs/lists/lists-inset.html
In the filtering list, I want to add checkboxes for each list items and the user should be able to check multiple value. They don't have to be added to the textfield. As that's the only function I need, its no use of adding the whole jquery mobile library to the project.
I found couple of options in the following link which goes near my requirement.
http://fusiongrokker.com/post/heavily-customizing-a-bootstrap-typeahead
But, the multiple selection by clicking checkboxes didn't work with bootstrap typeahead.
Can anyone give me a good solution for this.
Thanks
If you looking for bootstrap, this plugin can be used in your project
https://sliptree.github.io/bootstrap-tokenfield/
I saw following has been suggested in many places:
http://ivaynberg.github.io/select2/
(If you use the multi-value version.)

Implement Dropdown List using Sproutcore 1.6

As the title, I want to implement a dropdown list using Sproutcore 1.6.
I searched some relevant view in the document, there are: SelectView, SelectFieldView.
Anybody who has done that before, which is the best option for that?
Also, I want to put the dropdown list in a parent view, which is the best view for this parent view? Is that just SC.View?
Thanks everyone.
In the documentation for SC.SelectFieldView, it says
DEPRECATED. Use SelectView instead.
So that pretty much answers it.
You can put the select field in any view you want.
Be warned though, performance can get bad if you have more than 2-3 dozen options.
In that case, I would use native select tags and handle all the events and options myself.

How to create a custom "autocomplete" asp.net mvc, (like google)?

I'm just hoping to get an idea on how to go about creating the following functionality on a screen. I've been using webforms in the past so I felt the need to get over it and start using MVC before I get left behid, so to speak.. thus the project is in Asp.NET MVC, (& JQUERY, but have been getting more comfortable with it lately), so I feel it should be do-able at this point)
I basically want an autocomplete. The employee no textbox should act as input, and as the user types, the items below should render/be visible & update, something to that effect. I'm id like to colour code them by relevancy/or by time.
I think I've got the following problems/questions.
1.) How would I submit without a button click.
and my controller would return a JSON result (I'm assuming would be the best route)
2.) Update/Render my results without redrawing/posting the page
3.) Applying the colours (but its minor at this stage)
I know its asking a lot. So thank you in advance.
Any links of tuts would be appreciated as well.
UPDATE
I just relized that how google's search is working would be a perfect example. Autocomplete on the textbox & results start displaying as you type
As your using jQuery and MVC3 the default MVC3 template aslo contains jQuery UI with has an autocomplete widget that is easily adaptable to what your after.
http://jqueryui.com/demos/autocomplete/#remote
Have you considered usign jQuery UI Autocomplete?
It seems to be valid for all the points that you mentioned.
You can check it out here:
jQuery UI Autocomplete

Categories