Hi,All

I want to implement this

I have A Aspx Page

I have A Asp.net text Box control 
and A Asp.net submit button also

Now In code behind on button click event  I am Processing The data of that text box


Now I want that there should be a link button near to that Text Box WIth NAme Add More

I want that When Uesr clicks that link  a new Text Box Shuld Appear Just Below That first Text Box

Now how cna i do That .

Also When User now clicks the submit button  now I can fetch the data  of that second button Also.


How can I do That .

Please Help me.
 

link button

<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Add More</asp:LinkButton>

txt.ID = "txt2";

You have to do that on client side ? If not, use visible attributes of controls.
If you have to do that on client side, you can use the DOM functions (document.createElement), but it might be complicated to fetch data of the new control on server side (It will not be registered on server side).

Tell me if you have to do that on client side

Like this? (change "h ref" to "href").

aspx file:

<form id="form1" runat="server">
 <div id="dynamicControlDiv">
  <a h ref="#" onclick="createTextBox(this);">Add</a>
 </div>
 <asp:button id="submitButton" runat="server" text="Submit"></asp:button>
</form>

<script type="text/javascript">
<!--
function createTextBox(elementRef)
{
 // Hide the link button so that only one TextBox can be added...
 elementRef.style.display = 'none';

 var controlRef = document.createElement('input');
 controlRef.type = 'text';
 controlRef.name = 'dynamicTextBox';
 controlRef.id = 'dynamicTextBox';
 controlRef.size = 20;
 document.getElementById('dynamicControlDiv').appendChild(controlRef);
}
// -->
</script>

aspx.cs file:

protected void Page_Load(object sender, EventArgs e)
{
    if (this.IsPostBack)
    {
     string dynamicTextBoxValue = (this.Request["dynamicTextBox"] == null) ? string.Empty : this.Request["dynamicTextBox"];

     this.Response.Write("dynamicTextBoxValue: ->" + dynamicTextBoxValue + "<-<br>");
    }
}

NC...

 Hi,NC01

 FIrst I want to ask that what is the affect of changing href to h ref in abobe hyperlink

Now My case Is that I tried Ur code that on clicking that link A new Text Box Is Created NOw when user Clicks The button its value u r saying is available at 

Page load event I want that value in button click eventhandler ,

Second There is other issue also that suppose If I am making And validation check in button click handler (Suppose I am comparing that second text box value with one Seesion value )

And suupse that it does not matches then I have to return back to the  page with two text boxes with their values remain as it is 

BUt in ur case I tried That Second text box disappear after returning back from button Clicks event

How Could I maintain that as it is 

 Hi,mudassar

I tried ur code also 

U have Written  this.form1.Controls.Add(txt);

I want to tell u that I have this page as child page And my master  page coding is seprate

So  this.form1.Controls.Add(txt); is not working

And The Same As I specified Above I want the value at button click event and in ur case aslo after validation check that second text box disappears after button click event I want to restore that

This way

TextBox txt = new TextBox();

 Hi,mudassar

Ok I have made that 

    protected void LinkButton1_Click(object sender, EventArgs e)
    {
        ContentPlaceHolder content = (ContentPlaceHolder)this.Master.FindControl("ContentPlaceHolder1");
        TextBox txt = new TextBox();

        txt.ID = "txt2";
        content.Controls.Add(txt);
    }

But now Request.Params["txt2"] is always null in the page load event how can i fetch that

        if (Request.Params["txt2"] != null)
        {
            string val = Request.Params["txt2"];

        }

Mudassar The problem is still the same After button clicks event that text box dynamiclay added has vanished

On each postback you will have to Re Create the dynamic controls on page load other wise they will vanish

Even if you use Javascript to do that it will be the same case

Hi,

ACtually I have this code

<table style="width: 100%;" cellpadding="0" cellspacing="0">

<tr>

<td style="height: 35px; width: 142px; text-align: left;" class="lbl_text">

</td>

<td style="height: 35px; width: 130px; vertical-align: middle;" colspan="3">

<asp:TextBox ID="TextBox3" runat="server" Width="166px" class="textboxAd"></asp:TextBox>

</td>

</tr>

<tr>

<td style="height: 30px; width: 142px; text-align: left;" class="lbl_text">

Field2.: *</td>

<td style="height: 30px; width: 125px; vertical-align: middle;">

<asp:TextBox ID="TextBox1" runat="server" Width="165px" class="textboxAd"></asp:TextBox>

</td>

<td style="height: 30px; width: 158px;" class="lbl_text" colspan="2">

Field6&nbsp;&nbsp;

<asp:TextBox ID="TextBox4" runat="server" Width="63px" class="textboxAd"></asp:TextBox>

</td>

</tr>

<tr>

<td style="height: 35px; width: 142px; text-align: left;" class="lbl_text">

Field3:*</td>

<td style="height: 35px; width: 130px; vertical-align: middle;" colspan="3">

<asp:TextBox ID="TextBox6" runat="server" Width="166px" class="textboxAd"></asp:TextBox>

</td>

</tr>

<tr>

<td style="height: 35px; width: 142px; text-align: left;" class="lbl_text">

</td>

<td style="height: 35px; width: 130px; vertical-align: middle;" colspan="3">

<asp:TextBox ID="TextBox5" runat="server" Width="166px" class="textboxAd"></asp:TextBox>

</td>

</tr>

<tr>

<td style="height: 33px; width: 142px; text-align: left; vertical-align:top ;padding-top:18px; " class="lbl_text">

Field5&nbsp;

</td>

<td style="height: 33px; width: 366px; vertical-align: middle;" class="lbl_text"

colspan="3">

<br />

&nbsp;<asp:RadioButton ID="RadioButton1" runat="server" Text="Days"/>

&nbsp; &nbsp; &nbsp; <asp:RadioButton ID="RadioButton2" runat="server" Text="Months"/>

<br />

<br />

<br />

<asp:DropDownList ID="DropDownList2" runat="server" Width="176px">

<asp:ListItem Text="Please Select" Value="-1"></asp:ListItem>

<asp:ListItem Text="0" Value="0"></asp:ListItem>

<asp:ListItem Text="1" Value="0"></asp:ListItem>

<asp:ListItem Text="2" Value="0"></asp:ListItem>

<asp:ListItem Text="3" Value="0"></asp:ListItem>

<asp:ListItem Text="4" Value="0"></asp:ListItem>

<asp:ListItem Text="5" Value="0"></asp:ListItem>

<asp:ListItem Text="6" Value="0"></asp:ListItem>

<asp:ListItem Text="7" Value="0"></asp:ListItem>

<asp:ListItem Text="8" Value="0"></asp:ListItem>

<asp:ListItem Text="9" Value="0"></asp:ListItem>

<asp:ListItem Text="10" Value="0"></asp:ListItem>

<asp:ListItem Text="11" Value="0"></asp:ListItem>

<asp:ListItem Text="12" Value="0"></asp:ListItem>

<asp:ListItem Text="13" Value="0"></asp:ListItem>

<asp:ListItem Text="14" Value="0"></asp:ListItem>

<asp:ListItem Text="15" Value="0"></asp:ListItem>

<asp:ListItem Text="16" Value="0"></asp:ListItem>

<asp:ListItem Text="17" Value="0"></asp:ListItem>

<asp:ListItem Text="18" Value="0"></asp:ListItem>

<asp:ListItem Text="19" Value="0"></asp:ListItem>

<asp:ListItem Text="20" Value="0"></asp:ListItem>

<asp:ListItem Text="21" Value="0"></asp:ListItem>

<asp:ListItem Text="22" Value="0"></asp:ListItem>

<asp:ListItem Text="23" Value="0"></asp:ListItem>

<asp:ListItem Text="24" Value="0"></asp:ListItem>

<asp:ListItem Text="25" Value="0"></asp:ListItem>

<asp:ListItem Text="26" Value="0"></asp:ListItem>

<asp:ListItem Text="27" Value="0"></asp:ListItem>

<asp:ListItem Text="28" Value="0"></asp:ListItem>

<asp:ListItem Text="29" Value="0"></asp:ListItem>

<asp:ListItem Text="30" Value="0"></asp:ListItem>

</asp:DropDownList>

&nbsp; &nbsp; &nbsp;</td>

</tr>

</table>

Ok I wnat that whole section to dynamicaly add on click of Add more link button

Do u think It iosok

Do u think i sholud implement that whole code in Html Page and on the top of form tag after writing that post onext page

And next Page Would Be my aspx On that page shuld i do All that controls Processing

Please Help Me.How Could I do That Is that is efficien to do dynamically control adding in aspx page or  shuld i go for html page and do add that all dynamic controls throgh java script

If you want the whole sectio as it is

I will suggest put it in a user control and add the user control dynamically on click of link button

Second Way

create a html string server side

Dim strResults As New StringBuilder

strResults.Append("<table>")

strResults.Append("</table>")

divResults.innerHTML = strResults.ToString()

and create a dymamic panel/div and assign this HTML to the panel each time on click

 Hi,mudassar

Thanks For Replying

I like this To more proficient

mudassarkhan:

I will suggest put it in a user control and add the user control dynamically on click of link button

Could U please Let Me How to do that 

Just That source code u can give me example 

and also Please let me know that how would I get suppose I have added three dynamic whole that controls How Wuld I will fetch tha values in code behind of my contenet page

here's what u need

Creating user controls

http://www.codeproject.com/KB/user-controls/myusercontrol.aspx

Dynamically adding them

http://aspalliance.com/565_Dynamic_Loading_of_ASPNET_User_Controls

Hi,mudassar

Ok I have Created A usercontrol And Added Dynamically In My Page

Here it is Usercontrol code

<table style="width: 100%;" cellpadding="0" cellspacing="0">

<tr>

<td style="height: 35px; width: 142px; text-align: left;" class="lbl_text">

</td>

<td style="height: 35px; width: 130px; vertical-align: middle;" colspan="3">

<asp:TextBox ID="TextBox3" runat="server" Width="166px" class="textboxAd"></asp:TextBox>

</td>

</tr>

<tr>

<td style="height: 30px; width: 142px; text-align: left;" class="lbl_text">

Field2.: *</td>

<td style="height: 30px; width: 125px; vertical-align: middle;">

<asp:TextBox ID="TextBox1" runat="server" Width="165px" class="textboxAd"></asp:TextBox>

</td>

<td style="height: 30px; width: 158px;" class="lbl_text" colspan="2">

Field6&nbsp;&nbsp;

<asp:TextBox ID="TextBox4" runat="server" Width="63px" class="textboxAd"></asp:TextBox>

</td>

</tr>

<tr>

<td style="height: 35px; width: 142px; text-align: left;" class="lbl_text">

Field3:*</td>

<td style="height: 35px; width: 130px; vertical-align: middle;" colspan="3">

<asp:TextBox ID="TextBox6" runat="server" Width="166px" class="textboxAd"></asp:TextBox>

</td>

</tr>

<tr>

<td style="height: 35px; width: 142px; text-align: left;" class="lbl_text">

</td>

<td style="height: 35px; width: 130px; vertical-align: middle;" colspan="3">

<asp:TextBox ID="TextBox5" runat="server" Width="166px" class="textboxAd"></asp:TextBox>

</td>

</tr>

<tr>

<td style="height: 33px; width: 142px; text-align: left; vertical-align:top ;padding-top:18px; " class="lbl_text">

Field5&nbsp;

</td>

<td style="height: 33px; width: 366px; vertical-align: middle;" class="lbl_text"

colspan="3">

<br />

&nbsp;<asp:RadioButton ID="RadioButton1" runat="server" Text="Days"/>

&nbsp; &nbsp; &nbsp; <asp:RadioButton ID="RadioButton2" runat="server" Text="Months"/>

<br />

<br />

<br />

<asp:DropDownList ID="DropDownList2" runat="server" Width="176px">

<asp:ListItem Text="Please Select" Value="-1"></asp:ListItem>

<asp:ListItem Text="0" Value="0"></asp:ListItem>

<asp:ListItem Text="1" Value="0"></asp:ListItem>

<asp:ListItem Text="2" Value="0"></asp:ListItem>

<asp:ListItem Text="3" Value="0"></asp:ListItem>

<asp:ListItem Text="4" Value="0"></asp:ListItem>

<asp:ListItem Text="5" Value="0"></asp:ListItem>

<asp:ListItem Text="6" Value="0"></asp:ListItem>

<asp:ListItem Text="7" Value="0"></asp:ListItem>

<asp:ListItem Text="8" Value="0"></asp:ListItem>

<asp:ListItem Text="9" Value="0"></asp:ListItem>

<asp:ListItem Text="10" Value="0"></asp:ListItem>

<asp:ListItem Text="11" Value="0"></asp:ListItem>

<asp:ListItem Text="12" Value="0"></asp:ListItem>

<asp:ListItem Text="13" Value="0"></asp:ListItem>

<asp:ListItem Text="14" Value="0"></asp:ListItem>

<asp:ListItem Text="15" Value="0"></asp:ListItem>

<asp:ListItem Text="16" Value="0"></asp:ListItem>

<asp:ListItem Text="17" Value="0"></asp:ListItem>

<asp:ListItem Text="18" Value="0"></asp:ListItem>

<asp:ListItem Text="19" Value="0"></asp:ListItem>

<asp:ListItem Text="20" Value="0"></asp:ListItem>

<asp:ListItem Text="21" Value="0"></asp:ListItem>

<asp:ListItem Text="22" Value="0"></asp:ListItem>

<asp:ListItem Text="23" Value="0"></asp:ListItem>

<asp:ListItem Text="24" Value="0"></asp:ListItem>

<asp:ListItem Text="25" Value="0"></asp:ListItem>

<asp:ListItem Text="26" Value="0"></asp:ListItem>

<asp:ListItem Text="27" Value="0"></asp:ListItem>

<asp:ListItem Text="28" Value="0"></asp:ListItem>

<asp:ListItem Text="29" Value="0"></asp:ListItem>

<asp:ListItem Text="30" Value="0"></asp:ListItem>

</asp:DropDownList>

&nbsp; &nbsp; &nbsp;</td>

</tr>

</table>

Now Coming back to My content page

Aspx coding

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

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

<asp:Content runat="server" ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1">

<div>

How many Items Do u Have<asp:DropDownList ID="DropDownList1" runat="server">

<asp:ListItem Text="1" Value="1"></asp:ListItem>

<asp:ListItem Text="2" Value="2"></asp:ListItem>

<asp:ListItem Text="3" Value="3"></asp:ListItem>

<asp:ListItem Text="4" Value="4"></asp:ListItem>

<asp:ListItem Text="5" Value="5"></asp:ListItem>

</asp:DropDownList><asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Add Sections</asp:LinkButton>

<br />

</div>

<div>

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

</asp:Content>

And In aspx.cs

Control cs = LoadControl("~/ProductDetails.ascx");

For that you will have to avoid asp controls since theier id changes you eill nedd to use html controls in UserControl

 <input id="Text1" type="text" name = "txt" />

name tag is most important