Vb.net – Dynamically Adding Multiple User Controls vb.net

asp.netdynamic-controlsplaceholderuser-controlsvb.net

I have a User Control which returns a table of data, which in some cases needs to be looped, displaying one on top of another.

I am able to dynamically add a single instance of this by placing a fixed placeholder in the page.

I am now trying to work out how to add more than one, given that I don't know how many might be needed I don't want to hard code the Placeholders.

I've tried the following, but I am just getting one instance, presumably the first is being overwritten by the second

My HTML

<div id="showHere" runt="server"/>

Dim thisPh As New PlaceHolder
thisPh.Controls.Add(showTable)
showHere.Controls.Add(thisPh)

Dim anotherPh As New PlaceHolder
anotherPh .Controls.Add(showTable)
showHere.Controls.Add(anotherPh)

How do I make it add repeated tables within the showHere div?

Best Answer

I would advise generating a different ID for each of your table. For example,

Dim i As Integer
i = 0
For each tbl in ShowTables
    tbl.ID = "MyTab" + i.ToString()
    i = i + 1
    showHere.Controls.Add(tbl)
    showHere.Controls.Add(New LiteralControl("<br />"))
Next

On other hand, it would make more sense to have a your user/custom control generate html for a single table and then nest your user/custom control within a repeater (or similar control such as ListView etc).

Related Solutions

C# – “The Controls collection cannot be modified because the control contains code blocks”

First, start the code block with <%# instead of <%= :

<head id="head1" runat="server">
  <title>My Page</title>
  <link href="css/common.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="<%# ResolveUrl("~/javascript/leesUtils.js") %>"></script>
</head>

This changes the code block from a Response.Write code block to a databinding expression.
Since <%# ... %> databinding expressions aren't code blocks, the CLR won't complain. Then in the code for the master page, you'd add the following:

protected void Page_Load(object sender, EventArgs e)
{
  Page.Header.DataBind();    
}

Javascript – Copy info from one dynamically created user control to another dynamically created user control

You mentioned that since the checkboxes are in a user control, you don't have access to them.

Could you expose the ClientIDs using a property of the user control and then work with them in javascript? Something like this:

user_control {
   int checkboxId { get { return checkbox.ClientId; } }
}

If you have more code that would be helpful...

Best Answer

Related Solutions

C# – “The Controls collection cannot be modified because the control contains code blocks”

Javascript – Copy info from one dynamically created user control to another dynamically created user control

Related Topic