You need to sign in to do that
Don't have an account?
Major1507
Multi-select in a dynamic scrollable list in Lightning
Hi,
I have a requirement to have a checkbox in front of each option of the scrollable list so that the user can select multiole options.
Here is my code:
Component:
Controller.js
Its not working.
Any help would be appreciated
I have a requirement to have a checkbox in front of each option of the scrollable list so that the user can select multiole options.
Here is my code:
Component:
<tr> <div class="slds-form-element slds-size--1-of-1"> <table class="slds-table slds-table--bordered slds-table--cell-buffer" value = "true"> <tr> <ui:inputCheckbox aura:id="box3" change="{!c.selectAll}"/> <ui:inputselect aura:id="accIndustry" class="slds-dropdown" multiple="true" change="{!c.handleSelectChangeEvent}"/> </tr> </table> </div> </tr>
Controller.js
({ doInit: function(component, event, helper) { helper.fetchPickListVal(component, 'skience__Relationship_Type__c', 'accIndustry'); var page = component.get("v.page") || 1; var recordToDisply = component.find("recordSize").get("v.value"); helper.getContact(component, page, recordToDisply); }, handleSelectChangeEvent: function(component, event, helper) { alert(event.getSource().get("v.value")); },
Its not working.
Any help would be appreciated
This is how the output is rightnow
you can use select2 jQuery multiselect plugin, i have create a post on it :
http://sfdcmonkey.com/2017/06/07/multi-select-picklist-lightning-component/
Thanks, let us know if it helps you
http://wenzhixin.net.cn/p/multiple-select/docs/
you can use it same way to select2 post