Adding 2 idetical tabs on the same TabPanel

[ozayExt]

Hi,
How can i add 2 identical tabs (same title,id) on the same Tab Panel if it is possible?
This one adds only once., not adding twice. Purpose of this thread is to open same pages twice or more and easily compare reports generated by different parameters.

<ext:Button ID="Button1" runat="server" Text="Add new tab" OnDirectClick="TestDirectEventHandler" />

<script runat="server">
    protected void TestDirectEventHandler(object sender, DirectEventArgs e)
    {       
        
        var t = new Ext.Net.Panel()
        {
            
            Title = "New tab",
            ID = "NewTabID",
            Html = "Tab1's content",
            Closable = true
        };
        t.AddTo(this.TabPanel1);
        this.TabPanel1.SetActiveTab(t.ClientID);
       
    }
</script>

[Vladimir]

ID must be unique for each widget. What is purpose to have the same id for several tabs?

[ozayExt]

I just want to open the same page on different tabs. For example, i have menu item like this

<ext:MenuItem ID="MenuItem3" runat="server" Text="Page 3" Icon="ArrowRight">
         <Listeners>
         <Click Handler="addTab(#{TabPanel1}, 'idP3', 'Page_3.aspx','Page 3');" />
           </Listeners>
            </ext:MenuItem>

when i click it, this one adds it on Tabpanel1.

 <script type="text/javascript">
        var addTab = function (tabPanel, id, url,text) {

            var tab = tabPanel.getComponent(id);

            if (!tab) {
                tab = tabPanel.add({
                    id: id,
                    title: text,
                    closable: true,
                    autoLoad: {
                        showMask: true,
                        url: url,
                        mode: "iframe",
                        maskMsg: "Loading " + url + "..."
                    }
                });

                tab.on("activate", function () {
                    var item = MenuPanel1.menu.items.get(id + "_item");

                    if (item) {
                        MenuPanel1.setSelection(item);
                    }
                }, this);
            }

            tabPanel.setActiveTab(tab);
        }
    </script>

On the TabPanel1, i added a button to open the selected menuitem (active tab).

<ext:TabPanel ID="TabPanel1" runat="server" Region="Center" >
            
  <Buttons >
    <ext:Button  ID="Button1" runat="server" Text="Add new tab" OnDirectClick="TestDirectEventHandler" />
     </Buttons>

    </ext:TabPanel>

How can i modify this code to open the active tab (or selected menuitem)?

  <script runat="server">
    protected void TestDirectEventHandler(object sender, DirectEventArgs e)
    {
       
        
        var t = new Ext.Net.Panel()
        {
            
            Title = "New tab",
            ID = "NewTabID",
            Html = "Tab1's content",
            Closable = true
        };
        t.AddTo(this.TabPanel1);
        this.TabPanel1.SetActiveTab(t.ClientID);

       
    }
</script>

[Vladimir]

Well, opening the same page in several tabs doesn't assume that tabs must have the same id.
Just different id for tabs (or don't set id at all)

[ozayExt]

ok. I dont set id it at all. But, I can you help me to get the "url and title of active tab" on OnDirectClick?

<ext:Button  ID="Button1" runat="server" Text="Add new tab" OnDirectClick="TestDirectEventHandler" />

 <script runat="server">
    protected void TestDirectEventHandler(object sender, DirectEventArgs e)
    {
        
         
        var t = new Ext.Net.Panel()
        {
             
            Title = actibetab title????,
             autoLoad: {
                        showMask: true,
                        url: activetab url???,
                        mode: "iframe",
                        maskMsg: "Loading " + url + "..."
                    }
           
            Closable = true
        };
        t.AddTo(this.TabPanel1);
        this.TabPanel1.SetActiveTab(t.ClientID);
 
        
    }
</script>

[geoffrey.mcgill]

ok. I dont set id it at all. But, I can you help me to get the "url and title of active tab" on OnDirectClick?

You can pass the values to the server-side DirectEvent handler, but using the <ExtraParams> configuration.