Adding links to a DIV tag from c# code-behind dynamically

Question

I'm not sure until I make a database call how many links I will need on a page and where the links point to. Thus, I need to create 'x' number of links within a div tag on the front end. Any ideas how this can be achieved?

Heres what I tried -

foreach (KeyValuePair<string, string> kvp in attachments)
{
    HyperLink hyp = new HyperLink();
    hyp.ID = kvp.Key;
    hyp.Text = kvp.Value;
    attachmentHiddenDiv.Controls.Add(hyp);
}

@Oded Edited the question to add a sample code that I tried. — neuDev33, Apr 16 '12 at 17:57
@Oded Silly mistake on my end. The above code works as well. — neuDev33, Apr 16 '12 at 18:20
Perhaps you need to do some [rubber duck problem solving](http://www.codinghorror.com/blog/2012/03/rubber-duck-problem-solving.html)... — Oded, Apr 16 '12 at 18:21

score 2 · Accepted Answer · answered Apr 16 '12 at 17:59

Have a div in your aspx page with runat attribute value set to "server"

<div id="divLinks" runat="server"></div>

and in your code behind, you may loop thru the items and create as many links

StringBuilder str=new StringBuilder();

foreach (KeyValuePair<string, string> kvp in attachments))
{
  str.Append("<a href='../target.aspx?id="+kvp.Value+"'>kvp.Key</a>");  
}
divLinks.InnerHtml=str.ToString();

score 2 · Answer 2 · edited May 23 '17 at 12:18

There are a few different ways you can do this. The simplest would be adding a Literal control on the page and setting the .Text value in your code behind to the Html (list of links you manually build) you want displayed.

Another option would be using a Repeater and binding it to a list of url strings as the datasource, with a HyperLink item in the ItemTemplate which binds the NavigateUrl property. For example asp:HyperLink build NavigateUrl within Repeater using XPATH data

score 1 · Answer 3 · answered Apr 16 '12 at 17:56

1

Use a literal control. Place a literal control inside a div tag, generate the html from the DB values, and set the literal controls text property to the html string generated from the DB values.

answered Apr 16 '12 at 17:56

Kenny Thompson

1,494
12
28

score 0 · Answer 4 · answered Apr 16 '12 at 17:57

0

You could use a repeater to iterate over a set of objects, creating markup for each object. The objects will be pulled from your database.

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.repeater.aspx

answered Apr 16 '12 at 17:57

Ian Newson

7,679
2
47
80

Adding links to a DIV tag from c# code-behind dynamically

4 Answers4