generate tabs dynamically using ajax

Hi friends, i am using ajax in asp.net.

i am using tab container, tab panel controls.

i want to add tab panel control dynamically on button click.

i form code is:

Expand|Select|Wrap|Line Numbers

 <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

    Namespace="System.Web.UI" TagPrefix="asp" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
 
<!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>Untitled Page</title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        &nbsp;</div>

      <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <cc1:TabContainer ID="TabContainer1" runat="server" Width="600">

            <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="tab1">

             <ContentTemplate>

                    <asp:Button ID="asd" runat="server" Width="30" />

                </ContentTemplate>

            </cc1:TabPanel>

            <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="tab2">

            </cc1:TabPanel>
 
        </cc1:TabContainer>

        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
 
    </form>

</body>

</html>

my page code is:

Expand|Select|Wrap|Line Numbers

 public partial class _Default : System.Web.UI.Page 

{

    int i = 0;

    AjaxControlToolkit.TabPanel tp;
 
    protected void Page_Load(object sender, EventArgs e)

    {
 
    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        i = i + 1;

        tp = new AjaxControlToolkit.TabPanel();

        tp.ID = "tp" + i.ToString();

        Button b = new Button();

        b.ID = "b" + i.ToString();

        tp.Controls.Add(b);

        tp.HeaderText = "i am new" + i.ToString();

        TabContainer1.Controls.Add(tp);

    }

}

i am able to add one dynamic tab when i click the button first time. But when i click the button for the second time, i am getting error.

"Specified argument was out of the range of valid values.
Parameter name: index "

any help?

thank you.

Nov 28 '08 #1

Subscribe Post Reply

8285

acoder

16,027

Expert Mod 8TB

As a full member now, you should know that we expect your code to be posted in [code] tags (See How to Ask a Question).

This makes it easier for our Experts to read and understand it. Failing to do so creates extra work for the moderators, thus wasting resources, otherwise available to answer the members' questions.

You have been told nicely before, but the advice has fallen on deaf ears it seems. Regard this as a warning. Further violations may lead to a temporary an your account which I'm sure you'll want to avoid.

Please use the tags in future.

Moderator

Nov 28 '08 #2

ravindarjobs

i do follow the rules from now.

Indeed, yes i forgotten to add them.
i wont repeat it again.

Thank you

@acoder

Nov 28 '08 #3

acoder

16,027

Expert Mod 8TB

@ravindarjobs
That doesn't seem like a JavaScript error. It seems like a .NET one. Can you post the client-side version of your code.

Nov 28 '08 #4

ravindarjobs

yes it is .net using ajax.

this link has helped me

Siderite Zackwehdex's Blog: Fixing TabContainer to work with dynamic TabPanels

Nov 28 '08 #5

acoder

16,027

Expert Mod 8TB

Glad you got it working and thanks for posting the solution :)

Nov 28 '08 #6

by: k.mitz | last post by:

Hi, I have a PHP application that allows users to generate a .pdf report of their database content. Normally, I've had to refresh a page to call the script to generate the report, so there's a...

Javascript

using AJAX with dynamically created web controls in C#.NET

by: nat | last post by:

Hi all, I was going to post this in the AJAX forum, but apparently someone posted an AJAX/C# question in there today and was told to try this forum instead. So here goes: I'm trying to figure...

C# / C Sharp

135

Tabs versus Spaces in Source Code

by: Xah Lee | last post by:

Tabs versus Spaces in Source Code Xah Lee, 2006-05-13 In coding a computer program, there's often the choices of tabs or spaces for code indentation. There is a large amount of confusion about...

Python

Best way to generate custom UI component?

by: sean.gilbertson | last post by:

Hi, I'm sort of new to ASP.NET 2.0 and ASP.NET in general. I have some data that I would like to display in a tabular format, but I'm going to be generating the columns dynamically, and I would...

ASP.NET

Best Approach To Tabs Navigation?

by: pbd22 | last post by:

Hi. I am building a bit of a "learn-as-you-go" web site. I have tabs that change based on what page the user is on. The problem is, I have been using a javascript doOnLoad function to recognize...

Javascript

Javascript won't load in Ajax-tabs - need to refresh page for tab to load

by: jianxin9 | last post by:

Hi, I have an ajax powered tabs box that has a javascript drop-down search menu in the first tab. When I click on another tab, and go back to the first tab I have to refresh the page to get the...

Javascript

Problem with AJAX calls in IE through accordion tabs

by: samikrc | last post by:

Hello, I have an accordion (using the Rico framework at www.openrico.org) and each tab of the accordion is basically some sort of wizard (having a description and a 'Start' button in each tab). When...

Javascript

Maintaining the look of dynamically added usercontrols

by: Nathan Sokalski | last post by:

I have a page which I dynamically add several usercontrols (*.ascx files) to using the following code: Public Sub Refresh() For Each section As DataRow In Me.GetSections().Rows...

ASP.NET

generate the controls in the table dynamically

by: =?Utf-8?B?aUhhdkFRdWVzdGlvbg==?= | last post by:

I have a dropdown with the list of items from 1 to 6 Below the dropdown there is a table(This table contains all textbox and dropdownlist) with 6 rows and 5 cloums, which is INVISIBLE by default. ...

ASP.NET

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

generate tabs dynamically using ajax

Similar topics