[CLOSED] How to clear FormPanel and create one new in server side

  1. #1

    [CLOSED] How to clear FormPanel and create one new in server side

    I want to clear FormPanel and create one new in server side!!! but code : this.FormPanel1.Items.Clear() is not right ..i want to know how to do this, thanks!!!!

    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <script runat="server">       
        protected void AddFields1(object sender, DirectEventArgs e)
        {
            pnlContainer.Items.Clear();
            AddField("1");
            AddField("2");
            AddField("3");
            
        }
        private void AddField(string index)
        {
            TextField textField = new TextField();
            textField = new TextField();
            textField.ID = "txtField" + index;
            textField.FieldLabel = "txtField" + index;
            textField.AddTo(pnlContainer);
        }
        protected void AddFields2(object sender, DirectEventArgs e)
        {
            pnlContainer.Items.Clear();
            AddField("4");
            AddField("5");
            AddField("6");
        }
    </script>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" ></ext:ResourceManager>
            
            <ext:FormPanel runat="server" id="pnlContainer">
                <TopBar>
                    <ext:Toolbar runat="server">
                        <Items>
                            <ext:Button runat="server" ID="btnFields1" Text="Add fields 1" OnDirectClick="AddFields1" ></ext:Button>
                            <ext:Button runat="server" ID="btnFields2" Text="Add fields 2" OnDirectClick="AddFields2"></ext:Button>
                        </Items>
                    </ext:Toolbar>
                </TopBar>
                
            
            </ext:FormPanel>
        </form>
    </body>
    </html>
    Last edited by geoffrey.mcgill; Jan 22, 2011 at 9:26 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Please use FormPanel's .RemoveAll() method.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <script runat="server">      
        private void AddField(string index)
        {
            TextField textField = new TextField();
            textField = new TextField();
            textField.ID = "txtField" + index;
            textField.FieldLabel = "txtField" + index;
            textField.AddTo(this.FormPanel1);
        }
    
        protected void AddFields1(object sender, DirectEventArgs e)
        {
            this.FormPanel1.RemoveAll();
            AddField("1");
            AddField("2");
            AddField("3");
        }
    
        protected void AddFields2(object sender, DirectEventArgs e)
        {
            this.FormPanel1.RemoveAll();
            AddField("4");
            AddField("5");
            AddField("6");
        }
    </script>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    </head>
    <body>
        <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:FormPanel ID="FormPanel1" runat="server">
            <TopBar>
                <ext:Toolbar runat="server">
                    <Items>
                        <ext:Button runat="server" Text="Add fields 1" OnDirectClick="AddFields1" />
                        <ext:Button runat="server" Text="Add fields 2" OnDirectClick="AddFields2" />
                    </Items>
                </ext:Toolbar>
            </TopBar>
        </ext:FormPanel>
        </form>
    </body>
    </html>
  3. #3
    Thanks it works.

Similar Threads

  1. [CLOSED] Create Editable Grid from server side
    By Marcelo in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 15, 2011, 1:31 PM
  2. Replies: 1
    Last Post: Jan 20, 2011, 1:39 AM
  3. Replies: 1
    Last Post: Jul 21, 2010, 9:11 PM
  4. Replies: 4
    Last Post: Mar 19, 2010, 11:35 AM
  5. Clear Grid data server side
    By bsnezw in forum 1.x Help
    Replies: 2
    Last Post: Oct 26, 2009, 11:48 AM

Posting Permissions