Remove signle selected item from MultiSelect on client

[rthiney]

How can I remove a selected item from a Multiselect in javascript? I'd like to be able to click the btnDeleteLink.
Right now, I'm just clearing out the entire thing...


My multiselect is bound to a store:

The Store:

<ext:Store ID="selectedColumns" runat="server" AutoDataBind="true" AutoLoad="true">
        <Reader>
            <ext:JsonReader>
                <Fields>
                    <ext:RecordField Name="text" Type="String" />
                    <ext:RecordField Name="value" Type="String" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>

The Multiselect:

 <ext:MultiSelect ID="MultiSelect1" StoreID="selectedColumns" DragGroup="grp1" DropGroup="grp1" fieldlabel="Entity Links" displayfield="text" ValueField="value" runat="server" Width="564" Height="150" KeepSelection&#111;nclick="WithCtrlKey">
                                <Items>
                                </Items>
                                <Listeners>
                                    <BeforeStateSave handler="alert('state save');" />
                                </Listeners>
                                <BottomBar>
                                    <ext:Toolbar runat="server" id="ToolbarMulti">
                                        <Items>
                                            <ext:Button runat="server" id="btnDeleteLink" text="Delete" icon="decline">
                                                 
                                                <Listeners>
                                                 <Click handler="#{MultiSelect1}.reset();#{MultiSelect1}.clear(); #{hidLinkIds}.setValue('');" />
                                                </Listeners>
                                            </ext:Button>
                                        </Items>
                                    </ext:Toolbar>
                                </BottomBar>
                            </ext:MultiSelect>

[rthiney]

Can anyone help me out with this?

[Vladimir]

Hi,

1. Get selected indexes form MultiSelect

var indexes = Multi1.view.getSelectedIndexes() || [];

2. Remove item from store by index

Ext.each(indexes, function(index){Multi1.store.remove(Multi1.store.getAt(index));});

[rthiney]

Thanks again Vlad. Works great.