[CLOSED] How to get the selected items from a multicombo via js

[arjunrvasisht]

Hello,

I have a multicombo control. I have button next to it. My requirement is to disable the button when the unselects all the option in the multi combo. How can I achieve this in JS. I am trying to check the selected items on Multicombo's select and deselect listeners. But I am not being able to get the values. What property should I check to get the selected or deselected items.

 <ext:MultiCombo ID="mltcmbWaterlineUnfunded" runat="server" LabelAlign="Left"
                                                                                            DisplayField="Name"
                                                                                            EmptyText="<%$ Resources:WebResource,WaterMark_Select%>" Resizable="false" Width="150">
                                                                                            <Items>
                                                                                                <ext:ListItem Text="Above" Value="1" />
                                                                                                <ext:ListItem Text="Below" Value="2" />
                                                                                                <ext:ListItem Text="Closed" Value="3" />
                                                                                            </Items>
                                                                                            <SelectedItems>
                                                                                                <ext:ListItem Text="Above" Value="1" />
                                                                                            </SelectedItems>
                                                                                            <Listeners>
                                                                                               <%-- <Select Handler="CheckForSelections();" />--%>
                                                                                                <BeforeDeselect  Handler="CheckForSelections();" />
                                                                                            </Listeners>
                                                                                        </ext:MultiCombo>

[EnZo]

Hi arjunrvasisht

Please view the below markup for the listener

<Listeners>
    <Change Fn="CheckForSelections" />
</Listeners>

And the corresponding JavaScript function

var CheckForSelections = function (combo, newValues) {
    if (newValues.length == 0)
        //disable button
}

[arjunrvasisht]

HI Enzo, thanks for the reply. It is working fine for the current Multicombo. But I have an extended requirement. Actually i have 4 different multicombos. On change of any of the 4 multicombo's I will have to check all the other multicombo's for the selected items length. How can I achieve that.

[arjunrvasisht]

Well, I can use .getSelectedValues() to get the selected items. Thanks for the help EnZo. The thread can be closed :)