ASP.NET – Crear textbox dinamicamente - I

Parte I, Parte II.

Esta pregunta me la hicieron hoy, y a simple vista les pareciera algo complejo de hacer…

¿Cómo creo controles textbox de servidor de manera dinámica? por ejemplo, al click de un botón quisiera que se genere un textbox más…

Pasos:

1.- Agregamos un control de servidor asp:Placeholder y un botón al código aspx:

<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" Text="Generar textboxes" />
<br />
<asp:PlaceHolder ID="phDinamicControls" runat="server"></asp:PlaceHolder>

</form>

2.- en el code-beside agregamos el sgte código:

Private Property QuantityDinamicControls() As Integer
Get
If ViewState("Quantity") = Nothing Then ViewState("Quantity") = 0

Return DirectCast(ViewState("Quantity"), Integer)

End Get
Set(ByVal value As Integer)
ViewState("Quantity") = value
End Set
End Property

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click

Me.QuantityDinamicControls += 1

End Sub

Protected Overloads Overrides Sub CreateChildControls()

If Page.IsPostBack Then GenerateControls()

End Sub

Private Sub GenerateControls()

Dim Quantity As Integer = 0
While Quantity <= Me.QuantityDinamicControls
Dim txt As New TextBox()
txt.Attributes.Add("style", "margin-bottom: 10px")
txt.ID = "txt" + (Quantity + 1).ToString()
txt.Text = "Algún texto va aquí..."

phDinamicControls.Controls.Add(txt)
phDinamicControls.Controls.Add(New LiteralControl("<br/>"))
Quantity += 1
End While

End Sub

Les explico:

+ Tenemos una propiedad llamada QuantityDinamicControls, que nos permite guardar/recuperar (en el viewstate) la cantidad de controles que hemos generado hasta el momento.

+ Dado que estamos en un entorno web, tenemos que ver cómo hacemos para retener los valores de esos controles generados dinamicamente…. Lo que heremos es recrearlos cada vez que haya un postback al servidor, y esa operación la hacemos sobreescribiendo el método CreateChildControls().

+ Tenemos el método GenerateControls() , que generará los controles… y los irá agregando al PlaceHolder cada vez que hay un postback.

Y para terminar, si queremos recuperar los valores de los controles generados dinamicamente:

Private Function GetTxtControls() As String
Dim sb As New StringBuilder
Dim i As Integer = 0

While i <= Me.QuantityDinamicControls
Dim txt As String = "txt" + (i + 1).ToString()
Dim txtControl As TextBox = TryCast(phDinamicControls.FindControl(txt), TextBox)

sb.Append(txtControl.Text & "<br />")

i += 1
End While

Return sb.ToString

End Function

Te estarás preguntando si en cada refrescado de página los textboxes pierden su valor… la respuesta es: No te preocupes de eso… los valores se pierden y se recrean de manera transparente para ti… osea no tienes que preocuparte de ese aspecto.

Eso sería todo ;)

Parte I, Parte II.