Using Ext.NET v1.3, I need to ADD a User Control to each Tab dynamically...

[RonaldR]

Hi,
I am trying to load my existing User Control to each Tab that is creating.

I tried 'tab.LoadContent' but it doesn't seems to work. Please help.

.cs

            var controller = new FormDetailsController();
            var lines = controller.GetLinesForBakery(CurrentBakeryId);

            int[] index = {1};
            foreach (var tab in lines.Select(line => new Panel
                                                           {
                                                               ID = "TabBreadLine" + index[0], 
                                                               AutoHeight = true, 
                                                               Title = line.Description.Trim(),
                                                               Padding = 6
                                                           }))
            {
                tab.LoadContent(new LoadConfig("C:/DATA/Projects/Wildcat_v2/Web/UserControls/Runs.ascx", LoadMode.IFrame, true));
                tab.Html = DateTime.Now.ToLongTimeString() + " Tab: " + index[0]; //Test 
                tab.Render(TabBakeryLines, RenderMode.AddTo);
                index[0]++;
            }

.aspx

  <ext:TabPanel ID="TabBakeryLines" runat="server" AutoHeight="true" StyleSpec="padding-left:2px;" />

[RonaldR]

Hi,
Lets say I have four (4) lines, ONLY the first Tab loads up my User Control and the rest and just blank with my updated coded below.

.cs

                    var lines = controller.GetLinesForBakery(CurrentBakeryId);

                    int[] index = {1};
                    foreach(var line in lines)
                    {
                        //* NEW Tab Panel */
                        var tab = new Panel
                        {
                            ID = "TabBreadLine" + index[0],
                            AutoHeight = true,
                            Title = line.Description.Trim(),
                            Padding = 6
                        };

                        var userControl = (UserControl)LoadControl("~/UserControls/Runs.ascx");
                        userControl.ID = "LineUserControl" + index[0];
                        tab.ContentControls.Add(userControl);
                        TabBakeryLines.Items.Add(tab);
                        index[0]++;
                    }
                    TabBakeryLines.Render();

Hi,
I am trying to load my existing User Control to each Tab that is creating.

I tried 'tab.LoadContent' but it doesn't seems to work. Please help.

.cs

            var controller = new FormDetailsController();
            var lines = controller.GetLinesForBakery(CurrentBakeryId);

            int[] index = {1};
            foreach (var tab in lines.Select(line => new Panel
                                                           {
                                                               ID = "TabBreadLine" + index[0], 
                                                               AutoHeight = true, 
                                                               Title = line.Description.Trim(),
                                                               Padding = 6
                                                           }))
            {
                tab.LoadContent(new LoadConfig("C:/DATA/Projects/Wildcat_v2/Web/UserControls/Runs.ascx", LoadMode.IFrame, true));
                tab.Html = DateTime.Now.ToLongTimeString() + " Tab: " + index[0]; //Test 
                tab.Render(TabBakeryLines, RenderMode.AddTo);
                index[0]++;
            }

.aspx

  <ext:TabPanel ID="TabBakeryLines" runat="server" AutoHeight="true" StyleSpec="padding-left:2px;" />

[RonaldR]

Hi,
I believe the problem lies when I tried to load ALL the tabs with the same User Control and the ID are the same...

Example, "A Control with an ID of "GridPanel1" has already been initialized. Please ensure that all Controls have a unique id."

How do I Load & Upload a User Control when the user selects a different Tab ??

Hi,
Lets say I have four (4) lines, ONLY the first Tab loads up my User Control and the rest and just blank with my updated coded below.

.cs

                    var lines = controller.GetLinesForBakery(CurrentBakeryId);

                    int[] index = {1};
                    foreach(var line in lines)
                    {
                        //* NEW Tab Panel */
                        var tab = new Panel
                        {
                            ID = "TabBreadLine" + index[0],
                            AutoHeight = true,
                            Title = line.Description.Trim(),
                            Padding = 6
                        };

                        var userControl = (UserControl)LoadControl("~/UserControls/Runs.ascx");
                        userControl.ID = "LineUserControl" + index[0];
                        tab.ContentControls.Add(userControl);
                        TabBakeryLines.Items.Add(tab);
                        index[0]++;
                    }
                    TabBakeryLines.Render();

[RonaldR]

Hey,
Error Message: "The control with ID 'TabBreadLine1' not found"

BUT I don't understand why I get this error because I created this control...

.cs

                    var lines = controller.GetLinesForBakery(CurrentBakeryId);

                    int[] index = { 1 };
                    foreach (var line in lines)
                    {
                        //* NEW Tab Panel */
                        var tab = new Panel
                                      {
                                          ID = "TabBreadLine" + index[0],
                                          AutoHeight = true,
                                          Title = line.Description.Trim(),
                                          Padding = 6
                                      };

                        if (index[0] == 1)
                        {
                            var userControl = (UserControl)LoadControl("~/UserControls/Runs.ascx");
                            userControl.ID = "LineUserControl" + index[0];
                            tab.ContentControls.Add(userControl);
                        }

                        tab.DirectEvents.Activate.Event += UpdateTimeStamp;
                        TabBakeryLines.Items.Add(tab);
                        index[0]++;
                    }
                    TabBakeryLines.Render();

.cs

        protected void UpdateTimeStamp(object sender, DirectEventArgs e)
        {
            X.Msg.Notify("The Server Time is: ", DateTime.Now.ToLongTimeString()).Show();
        }

Hi,
I believe the problem lies when I tried to load ALL the tabs with the same User Control and the ID are the same...

Example, "A Control with an ID of "GridPanel1" has already been initialized. Please ensure that all Controls have a unique id."

How do I Load & Upload a User Control when the user selects a different Tab ??

[geoffrey.mcgill]

Hi,

Any chance you could post a full .aspx sample which demonstrates the scenario? Something we could just copy/paste into our testing project and run without having to make modifications to your code.

[RonaldR]

Thanks YOU for the quick response, here you go..

Basically the goal here is to fire the event when the User Clicks on the TAB... (The time is just a TEST below)

MY FINAL GOAL:

Unload the User Control from the first TAB and load it to the ACTIVE TAB, if you can guide me on the second part, please help.

.cs

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
               try
                {
                    var lines = new List<int>() {1, 2, 3, 4};

                    int[] index = { 1 };
                    foreach (var line in lines)
                    {
                        //* NEW Tab Panel */
                        var tab = new Panel
                                      {
                                          ID = "TabBreadLine" + index[0],
                                          AutoHeight = true,
                                          Title = "TabBreadLine" + index[0],
                                          Padding = 6
                                      };

                        tab.DirectEvents.Activate.Event += UpdateTimeStamp;

                        TabBakeryLines.Items.Add(tab);
                        index[0]++;
                    }
                    TabBakeryLines.Render();
                }

            }
        }

        protected void UpdateTimeStamp(object sender, DirectEventArgs e)
        {
            X.Msg.Notify("The Server Time is: ", DateTime.Now.ToLongTimeString()).Show();
        }

.aspx

    <ext:TabPanel ID="TabBakeryLines" runat="server" AutoHeight="true" EnableTabScroll="true"
        StyleSpec="padding-left:2px;" />

Hi,

Any chance you could post a full .aspx sample which demonstrates the scenario? Something we could just copy/paste into our testing project and run without having to make modifications to your code.