[CLOSED] gridpanel created by codebehind.how can get it's id?

[CPA1158139]

I want to get the gridpanel and it's store when I click Button2.
pls help,thanks.

<%@ Page Language="C#" %>

<%@ Import Namespace="Button=Ext.Net.Button" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Button1_Click(object sender, DirectEventArgs e)
    {
        this.BuildGridPanel().AddTo(this.Window1);
        
        // Reference Button by sender argument
        ((Button)sender).Disabled = true;
        
        // Reference Button by .Items Collection
        //this.Window1.TopBar.Toolbar.Items[0].Disabled = true;
        
        // Reference Button directly by .ID
        // this.Button1.Disabled = true;
    }

    protected void Button2_Click(object sender, DirectEventArgs e)
    {
        string str1 = "GridPanel1";
        GridPanel GridPanel1 = X.GetCmp<GridPanel>(str1);
        if (GridPanel1.IsInForm == true)
        {
            X.Msg.Show(new MessageBoxConfig
            {
                Buttons = MessageBox.Button.OK,
                Icon = MessageBox.Icon.INFO,
                Title = "alert",
                Message = "Yes!GridPanel does not exist."
            });
        }
        else
        {
            X.Msg.Show(new MessageBoxConfig
            {
                Buttons = MessageBox.Button.OK,
                Icon = MessageBox.Icon.INFO,
                Title = "alert",
                Message = "No! GridPanel does not exist."
            });
        }
    }

    private GridPanel BuildGridPanel()
    {
        return new GridPanel
        {
            ID = "GridPanel1",
            Border = false,
            Store =  
            {
                this.BuildStore()
            },
            SelectionModel = 
            { 
                new RowSelectionModel() { Mode = SelectionMode.Single }
            },
            ColumnModel =
            {
                Columns =
                {
                    new Column 
                    {
                        Text = "Company", 
                        DataIndex = "company",
                        Flex = 1
                    },
                    new Column
                    {
                        Text = "Price",
                        DataIndex = "price",
                        Renderer = { Format = RendererFormat.UsMoney }
                    },
                    new Column
                    {
                        Text = "Change",
                        DataIndex = "change",
                        Renderer = { Fn = "change" }
                    },
                    new Column
                    {
                        Text = "Change",
                        DataIndex = "pctChange",
                        Renderer = { Fn = "pctChange" }
                    },
                    new DateColumn
                    {
                        Text = "Last Updated",
                        DataIndex = "lastChange"
                    }
                }
            },
            View =
            {
               new Ext.Net.GridView()
               {
                    StripeRows = true,
                    TrackOver = true 
               }
            }
        };
    }

    private Store BuildStore()
    {
        Store store = new Store
        {
            ID = "Store1",
            Model = 
            { 
                new Model 
                {
                    Fields = 
                    {
                        new ModelField("company"),
                        new ModelField("price", ModelFieldType.Float),
                        new ModelField("change", ModelFieldType.Float),
                        new ModelField("pctChange", ModelFieldType.Float),
                        new ModelField("lastChange", ModelFieldType.Date, "M/d hh:mmtt")
                    }
                }
            }
        };

        store.DataSource = this.Data;

        return store;
    }
    
    private object[] Data
    {
        get
        {
            return new object[]
            {
                new object[] { "3m Co", 71.72, 0.02, 0.03, "9/1 12:00am" },
                new object[] { "Alcoa Inc", 29.01, 0.42, 1.47, "9/1 12:00am" },
                new object[] { "Altria Group Inc", 83.81, 0.28, 0.34, "9/1 12:00am" },
                new object[] { "American Express Company", 52.55, 0.01, 0.02, "9/1 12:00am" },
                new object[] { "American International Group, Inc.", 64.13, 0.31, 0.49, "9/1 12:00am" },
                new object[] { "AT&T Inc.", 31.61, -0.48, -1.54, "9/1 12:00am" },
                new object[] { "Boeing Co.", 75.43, 0.53, 0.71, "9/1 12:00am" },
                new object[] { "Caterpillar Inc.", 67.27, 0.92, 1.39, "9/1 12:00am" },
                new object[] { "Citigroup, Inc.", 49.37, 0.02, 0.04, "9/1 12:00am" },
                new object[] { "E.I. du Pont de Nemours and Company", 40.48, 0.51, 1.28, "9/1 12:00am" },
                new object[] { "Exxon Mobil Corp", 68.1, -0.43, -0.64, "9/1 12:00am" },
                new object[] { "General Electric Company", 34.14, -0.08, -0.23, "9/1 12:00am" },
                new object[] { "General Motors Corporation", 30.27, 1.09, 3.74, "9/1 12:00am" },
                new object[] { "Hewlett-Packard Co.", 36.53, -0.03, -0.08, "9/1 12:00am" },
                new object[] { "Honeywell Intl Inc", 38.77, 0.05, 0.13, "9/1 12:00am" },
                new object[] { "Intel Corporation", 19.88, 0.31, 1.58, "9/1 12:00am" },
                new object[] { "International Business Machines", 81.41, 0.44, 0.54, "9/1 12:00am" },
                new object[] { "Johnson & Johnson", 64.72, 0.06, 0.09, "9/1 12:00am" },
                new object[] { "JP Morgan & Chase & Co", 45.73, 0.07, 0.15, "9/1 12:00am" },
                new object[] { "McDonald\"s Corporation", 36.76, 0.86, 2.40, "9/1 12:00am" },
                new object[] { "Merck & Co., Inc.", 40.96, 0.41, 1.01, "9/1 12:00am" },
                new object[] { "Microsoft Corporation", 25.84, 0.14, 0.54, "9/1 12:00am" },
                new object[] { "Pfizer Inc", 27.96, 0.4, 1.45, "9/1 12:00am" },
                new object[] { "The Coca-Cola Company", 45.07, 0.26, 0.58, "9/1 12:00am" },
                new object[] { "The Home Depot, Inc.", 34.64, 0.35, 1.02, "9/1 12:00am" },
                new object[] { "The Procter & Gamble Company", 61.91, 0.01, 0.02, "9/1 12:00am" },
                new object[] { "United Technologies Corporation", 63.26, 0.55, 0.88, "9/1 12:00am" },
                new object[] { "Verizon Communications", 35.57, 0.39, 1.11, "9/1 12:00am" },
                new object[] { "Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63, "9/1 12:00am" }
            };
        }
    }
</script>

<!DOCTYPE html>

<html>
<head id="Head1" runat="server">
    <title>Create GridPanel and Store during DirectEvent - Ext.NET Examples</title>
    <link href="/resources/css/examples.css" rel="stylesheet" />    

    <script>
        var template = '<span style="color:{0};">{1}</span>';

        var change = function (value) {
            return Ext.String.format(template, (value > 0) ? "green" : "red", value);
        };

        var pctChange = function (value) {
            return Ext.String.format(template, (value > 0) ? "green" : "red", value + "%");
        };
    </script>
</head>
<body>
<form id="Form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
    <h1>Creation of a GridPanel and Store during a DirectEvent</h1>
    
    <ext:Window 
        ID="Window1" 
        runat="server"
        Title="Dynamic GridPanel"
        Layout="FitLayout"
        Height="350"
        Width="600">
        <TopBar>
            <ext:Toolbar ID="Toolbar1" runat="server">
                <Items>
                    <ext:Button ID="Button1"
                        runat="server" 
                        Text="Add GridPanel" 
                        Icon="Add">
                        <DirectEvents>
                            <Click OnEvent="Button1_Click">
                                <EventMask ShowMask="true" 
                                    Target="CustomTarget" 
                                    CustomTarget="Window1" 
                                    />
                            </Click>
                        </DirectEvents>    
                    </ext:Button>
                    <ext:Button ID="Button2"
                        runat="server" 
                        Text="get GridPanel" 
                        Icon="Add">
                        <DirectEvents>
                            <Click OnEvent="Button2_Click">
                                <EventMask ShowMask="true" 
                                    Target="CustomTarget" 
                                    CustomTarget="Window1" 
                                    />
                            </Click>
                        </DirectEvents>    
                    </ext:Button>
                </Items>
            </ext:Toolbar>
        </TopBar>
    </ext:Window>
</form>
</body>
</html>

[Daniil]

Hi @CPA1158139,

The controls dynamically created in one reuqest are not recreated automatically during another request.

The X.GetCmp method returns a proxy control, not a real one. It loads the POST data into that proxy control (for example, a TextField's Text). Also it might be used to call methods, for example:

GridPanel grid = X.GetCmp<GridPanel>("GridPanel1");
grid.Hide();

Please clarify why do you need the GridPanel and Store controls there?

[CPA1158139]

In my project, I click a button to load the window when the window is loaded or not, need to dynamically create the window. When the window pops up, I want to re-bind the store filter data based on conditions, if not get to the store, would not be able to re-bind the data.

            
Store Store1 = X.GetCmp<Store>("Store1");
            DataTable dt = bllmdl.dtGrid1(strKey);
            Store1.DataSource = dt;
            Store1.DataBind();

[Daniil]

Ok, in this case you have to recreate the Store's Model.

Store Store1 = X.GetCmp<Store>("Store1");
DataTable dt = bllmdl.dtGrid1(strKey);
Store1.DataSource = dt;
Store1..Model.Add(/* a Model instance here */);
Store1.DataBind();

Or you can try to use a Store's Data instead of DataSource.

Store Store1 = X.GetCmp<Store>("Store1");
DataTable dt = bllmdl.dtGrid1(strKey);
Store1.Data = dt;
Store1.DataBind();

There is the difference between a Store's Data and DataSource. A Store's Data is serialized entirely, but a Store's DataSource is serialized according to a Store's Model.

[CPA1158139]

OK.Thanks very much.pls close.