Angular 2 and Above MultiSelect Combobox

Posted by: surya.yerramsetti on 18 October 2017, 2:29 am EST

    • Post Options:
    • Link

    Posted 18 October 2017, 2:29 am EST

    Hi team,

    Does wijmo provide angular 2 version of the mulitselect combobox here, the following is the pure js version i found on the docs http://jsfiddle.net/Wijmo5/44w7fob2/?utm_source=website&utm_medium=embed&utm_campaign=44w7fob2

    If any one can point me to the docs are demo, it would be helpful.

  • Posted 22 October 2017, 8:19 pm EST

    Hi Surya,

    Please refer to the demo sample (http://demos.wijmo.com/5/Angular2/MultiAutoCompleteIntro/MultiAutoCompleteIntro/)

    You can get the code for the sample in downloaded latest build folder inside samples folder.

    ~Manish

  • Posted 23 October 2017, 12:08 pm EST

  • Posted 23 October 2017, 9:07 pm EST

    Hi Surya,

    We are sorry, the MultiSelect control does not allow searching for dropDown items. For this, we have a different control MultiAutoComplete (http://demos.wijmo.com/5/Angular2/MultiAutoCompleteIntro/MultiAutoCompleteIntro/) that allow you to select items from dropDown.

    ~Manish

  • Posted 25 October 2017, 12:11 am EST

    Thanks Manish for pointing out to MultiAutoComplete but we are leaning towards MultiSelect control

    I know that you guys added select all functionality for MultiSelect Control in recent build 359.

    Is there any plan on road map to build a searchable MultiSelect Control ?(i.e the dropdown items searchable as mentioned above.)

  • Posted 25 October 2017, 10:37 pm EST

    Hi Surya,

    The MultiAutoComplete control is added for the same purpose. If I am correct, the MultiAutoComplete control will fulfill your requirement if it allows selecting multiple items from the dropDown.

    Please let us know your points on this.

    ~Manish

  • Posted 11 November 2017, 7:11 am EST

    Thanks Manish, But we prefer having dropdown (MultiSelect Control) which is searchable for usability issues as suggested by our UX designers.

  • Posted 12 November 2017, 8:42 pm EST

    Hi Surya,

    We have logged this requirement for further investigation with id 296664. We would let you know as we get any update on this.

    ~Manish

  • Posted 13 November 2017, 1:40 pm EST

    Thank you. I appreciate it

  • Posted 19 November 2017, 7:08 am EST

    just checking if there is any update on this?

  • Posted 19 November 2017, 10:51 pm EST

    Hi Surya,

    The investigation is in process. We will update you as we get an update.

    ~Manish

  • Posted 5 December 2017, 1:40 pm EST

    Hey manish, just wanted to check in again?

  • Posted 5 December 2017, 8:44 pm EST

    Hi,

    This isssue is under investigation. We will update you as we get update.

    ~Manish

  • Posted 1 January 2018, 11:16 pm EST

    Hi Surya,

    You need to handle mousedown event for dropDown list and Contol’s dropDownChanged event.

    Here are the two fiddles with different selection from DropDown list:

    Select Multiple Items from DropDown using Ctrl/Shift +Click:

    http://jsfiddle.net/mkgupta911/okcr1zss/

    Select Multiple items from DropDown using Checkboxes same as MultiSelect

    http://jsfiddle.net/mkgupta911/ahu13z3w/

    ~Manish

  • Posted 18 January 2018, 8:54 am EST - Updated 3 October 2022, 7:55 am EST

    Hi manish,

    that is not what i asked for.what you provided as code sample is for angular 1.

    please the refer the post

    https://www.grapecity.com/en/forums/wijmo/angular-2-and-above-multis#i-found-it-this-is-what-i-_4

    http://demos.wijmo.com/5/Angular2/MultiColumnDropDowns/MultiColumnDropDowns/

  • Posted 18 January 2018, 7:34 pm EST

    Hi Surya,

    We are sorry for inconvenience caused due to incorrect requirement gathering.

    For your information,

    MultiSelect control is not searchable, to allow searching MultiAutoComplete control is introduced.

    Please refer to the fiddle provided to you for selecting multiple items using checkbox.

    http://jsfiddle.net/mkgupta911/ahu13z3w/

    Hope it clears!

    ~Manish

  • Posted 23 March 2018, 10:39 am EST

    In below how to select/deselect items with keyboard enter key instead of keyboard space bar key… and also how to do select/deselect all items

    http://demos.wijmo.com/5/angular2/explorer/explorer/#/input/multiselect

  • Posted 25 March 2018, 10:08 pm EST

    For select all feature you may use the showSelectAllCheckBox property of the MultiSelect Control( included in version 5.20181.436)

    You can download and verify the prerelease version from http://prerelease.componentone.com/wijmo5/

    For adding support to Enter key, you can handle keyDown event.

    Please refer to following example:-

    https://stackblitz.com/edit/angular-mpyy1f

  • Posted 26 March 2018, 5:06 am EST

    Thanks it works… Doing more on this,

  • Posted 27 March 2018, 7:45 am EST

    What about select/deselect items using enter key…

  • Posted 28 March 2018, 2:15 am EST

    Hi,

    To select/deselect all using enter key,you can refer to following example:-

    https://stackblitz.com/edit/angular-mpyy1f

  • Posted 2 April 2018, 3:57 am EST

    I will try and let you know…

Need extra support?

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

Learn More

Forum Channels