Log in to start a topic

MultiSelect Autocomplete and check all?

Posted by: yvan-barbaria on 14 September 2017, 11:50 am EST

  • yvan-barbaria

    • Post Options:
    • Link
      Copy

    Posted 14 September 2017, 11:50 am EST

    Is it possible to define autocomplete for the multiselect with angular2 ? and add checkbox to check all values?

    Thx

    Yvan

  • skochan

    Posted 14 September 2017, 11:50 am EST

    Hi,

    Please have the look at the Multi Select sample. This implements the feature that you are looking for. I have also attached the Angular 2 sample for reference.

    Thanks,

    Abhishek

    2017/02/Explorer-2.zip

  • goebel-martin

    Posted 14 September 2017, 11:50 am EST

    Hi,

    I have the same question. What the Multi Select Sample shows is just a “jump-to-first-character-only” but not a real autocomplete - which, to show a good sample, works nicely in the Wijmo Single Select Combobox which you find here in the Wijmo 5 Explorer.

    To make the differences clear:

    In the Single Select Combobox (on the sample page, see e.g. line “CollectionView source, editable”), you can type one character and see the first matching entry, then enter a second character which will be added to the first character and see the the first matching entry of both characters and so on.

    Example:

    • When the ComboBox first gets the focus: Enter “S” and the Combobox will show “St Barthelemy” with the “t Barthelemy” selected (By the way: Using the cursor up and down keys lets the user step through all the entries in the Combobox).
    • Then enter “w” and the Combobox will show “Swaziland” with the “aziland” selected (By the way: Now, you can toggle through all currently matching entries (“Sw” prefix) with the cursor up and down keys).
    • Then enter “i” and the Combobox will show “Switzerland” with the “itzerland” selected.

      This is how it should work!

    Now if we go to the Multi Select Combobox:

    • When the ComboBox first gets the focus: Enter “S” - and nothing happens. The user first has to click with the mouse in the combobox before entering a letter shows any effect (difference 1). Also, the cursor up and down keys initially do not show any effect (difference 2).
    • After clicking into the Combobox, enter “S” and the Combobox scrolls to “St. Barthelemy”. This is ok.
    • Then enter “w” - and the Combobox scrolls to “Wake Island” instead of “Swaziland”! This is not the desired behavior and inconsistent to the Single Select Combobox (difference 3).
    • Then enter “i” - and the Combobox scrolls to “Iceland”. Again, the same undesired behavior. If the user has quickly entered “Swi”, he will be at a point not understandable to him.

    Look, we have a Single Select Combobox (e.g. “Choose origin city”) and a Multi Select Combobox (e.g. “Choose affected cities”) in the same form. We have conducted some usability tests with end users of our software, and while the Single Select Combobox was used intuitively, all users (without exceptions) really had problems with the Multi Select Combobox - its usability is “not so good” if you take it alone and “poor” if you consider it together with the Single Select Combobox.

    I hope you see the points. My question is: Will you be able to fix the above mentioned difference 1-3, so that the Multi Select Combobox becomes more usable and can be used nicely together with the Single Select Combobox?

    Thanks,

    regards

    Martin

  • skochan

    Posted 14 September 2017, 11:50 am EST

    Hi,

    Sorry for the late reply and thank you for your detailed explanation of the issues faced. I have created a case 250279 to have it looked by our dev team. I will keep you in loop regarding this .

    Thanks,

    Abhishek

  • bernardo

    Posted 14 September 2017, 11:50 am EST

    Hello Martin/Abhishek

    Thanks for reporting this issue.

    I do agree with you the MultiSelect control should be improved and provide better keyboard handling. We will get that done ASAP, accessibility is one of the top priorities for our next release.

    For the record, the drop-down listbox does have smart search capability. If you type “swi” when the list is open, it will select “Switzerland”. But the search buffer is cleared automatically if you stop typing for 600ms. So if you type “swi”, stop for a second, then type “t”, the list will move the selection to “Tahiti”.

  • goebel-martin

    Posted 14 September 2017, 11:50 am EST

    Hello Abhishek and Bernardo,

    thank your for your answers, where you said that you already created a case to have it looked at by your development team.

    Bernardo, thank you as well for pointing out the existence of the search buffer being cleared after 600 ms. When trying this out, I found that intuitively I waited a small time to see what happened after typing the first character (something close to one second), and this was when the buffer was cleared already…

    But regarding the changes you plan to implement with the MultiSelect control: We found out that the new MultiAutoComplete control introduced in the 5.20171.282 release (see MultiAutoComplete Demo and MultiAutoComplete Class) suits our needs much better! This new component rocks - and we are now using it instead of the MultiSelect Control.

    Thank you for implementing this nice piece of code! :slight_smile:

    Best regards,

    Martin

  • bernardo

    Posted 14 September 2017, 11:50 am EST

    Very glad to know you like the MultiAutoComplete!

    Thanks for the feedback!

  • paulbowman3000

    Posted 14 September 2017, 11:50 am EST

    Can this control easily customize so that when you select more than certain number of items it will say 3 items selected…

    just the way wijmo5 MultiSelect does?

  • manish-gupta1

    Posted 14 September 2017, 11:50 am EST

    Hello,

    We are investigating on this issue and we will update you as soon as we get any update on this.

    Thanks,

    Manish Kumar Gupta

  • vishnupriyamaheendran

    Posted 14 September 2017, 11:50 am EST

    Any update on this request. we are also need the same control . We need to implement auto complete on multiselect with checkbox

  • paulbowman3000

    Posted 14 September 2017, 11:50 am EST

    I just need to have this urgent so set up dummy inputbox to display the selections and show/hide MultiAutoComplete on blur/focus

    so I can control what to display in the dummy inputbox. I hope the patch is coming soon.

  • manish-gupta1

    Posted 14 September 2017, 11:50 am EST

    Hi All,

    This issue requires further investigation. Hence, this issue has been escalated to the concerned team for further investigation with tracking id 260152.

    We will let you know as soon as we get any update on this.

    Thanks,

    Manish Kumar Gupta

  • joanne

    Posted 14 September 2017, 11:50 am EST

    Hi. has this been addressed on latest release (5.20171.300) ? I need to achieve same behavior, i.e. have the ability to scroll to item on multi-select list when user types something on the multi-select input box.

    Thanks

  • manish-gupta1

    Posted 14 September 2017, 11:50 am EST

    Hi Joanne,

    This issue has not been addressed in 5.20171.300. As we understand, you would like to scroll to the particular item when user type something same as MultiSelect control.

    Please let us know if we understand correctly.

    Thanks,

    Manish Kumar Gupta

  • manish.gupta

    Posted 20 January 2018, 8:44 am EST

    Hi,

    Here are the fiddles to select multiple item for MultiAutoComplete control in two ways.

    Ctrl/Shift + Click=>http://jsfiddle.net/mkgupta911/okcr1zss/

    Checkbox => http://jsfiddle.net/mkgupta911/ahu13z3w/

    ~Manish

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels

  • © 2023 MESCIUS USA, Inc. All Rights Reserved.  ·  1.800.858.2739

    All product and company names herein may be trademarks of their respective owners.