How to clear the all items in MultiSelect control?

  1. #1

    How to clear the all items in MultiSelect control?

    I have a Requirement to clear all items in MultiSelect control.
    I have to clear the MultiSelect control on client side and server side.
    Please help me.
  2. #2
    Hi,

    Here you are.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                Store store = this.MultiSelect1.GetStore();
                store.DataSource = new object[] 
                { 
                    new object[] { "1", "item1" },
                    new object[] { "2", "item2" },
                    new object[] { "3", "item3" }
                };
                store.DataBind();
            }
        }
    
        protected void RemoveAll(object sender, DirectEventArgs e)
        {
            this.MultiSelect1.GetStore().RemoveAll();
        }
    </script>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.NET Example</title>
    
        <script type="text/javascript">
            var removeAll = function () {
                MultiSelect1.store.removeAll();
            };
        </script>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:MultiSelect ID="MultiSelect1" runat="server">
                <Store>
                    <ext:Store runat="server">
                        <Reader>
                            <ext:ArrayReader>
                                <Fields>
                                    <ext:RecordField Name="value" />
                                    <ext:RecordField Name="text" />
                                </Fields>
                            </ext:ArrayReader>
                        </Reader>
                    </ext:Store>
                </Store>
            </ext:MultiSelect>
            <ext:Button runat="server" Text="Remove all server side" OnDirectClick="RemoveAll" />
            <ext:Button runat="server" Text="Remove all client side" Handler="removeAll" />
        </form>
    </body>
    </html>

Similar Threads

  1. Replies: 1
    Last Post: Mar 29, 2012, 9:18 PM
  2. Combobox items clear?
    By Nagaraju in forum 1.x Help
    Replies: 2
    Last Post: Oct 06, 2011, 2:34 PM
  3. Replies: 1
    Last Post: Jul 21, 2010, 9:11 PM
  4. Clear Items from Multiselect
    By jxlarrea in forum 1.x Help
    Replies: 0
    Last Post: Aug 13, 2009, 1:20 PM
  5. Replies: 0
    Last Post: Jun 03, 2009, 5:30 PM

Posting Permissions