如何将C#列表插入Div?

时间:2012-05-15 07:36:01

标签: c# asp.net list webforms

我有一个C#列表:

List<string> Listtags =  GetListTag.GetTagList().ToList();

而且,我想把它放入Div:

<div id="tags">
    <ul>
        <li><This should be populated with my list></li>
         //This list can have any number of items depending on how big my list tags is
    </ul>
</div>

有人可以告诉我该怎么做吗?

5 个答案:

答案 0 :(得分:7)

你也可以使用Repeater

<ul>
    <asp:Repeater runat="server" id="R">
        <ItemTemplate>
            <li><%# Container.DataItem %></li>
        </ItemTemplate>
    </asp:Repeater>
</ul>

并在运行时

List<string> ListTags =  GetListTag.GetTagList().ToList();
R.DataSource = ListTags;
R.DataBind();

答案 1 :(得分:4)

使用asp:bulletedList,您的列表会更容易。

<div id="tags">
    <asp:BulletedList id="blTabs" 
      BulletStyle="Disc"
      DisplayMode="LinkButton" 
      runat="server">
    </asp:BulletedList>
</div>

代码背后:

    ListItem li = new ListItem();
    li.Value = "html text";  //html goes here i.e.  xtab1.html
    li.Text = "New Text";  //text name goes i.e. here tab1
    blTabs.Items.Add(li);

答案 2 :(得分:3)

如果您使用MVC3,您可以执行以下操作:

<div id="tags">
  <ul>
  @foreach(var item in Model.Listtags)
  {
    <li>@item.YourPropertyName</li>
  }
  </ul>
</div>

答案 3 :(得分:3)

如果您使用的是ASP.NET,则可以使用BulletedList网络服务器控件:

<asp:BulletedList ID="BulletedList1" runat="server"
    BulletStyle="Circle" 
    DisplayMode="Text">
</asp:BulletedList>

和代码隐藏:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        List<string> Listtags = GetListTag.GetTagList().ToList();
        Listtags.ForEach(t => BulletedList1.Items.Add(t));
    }
}

修改“我想添加类似这样的东西::: Listtags.ForEach(t =&gt; BulletedList1.Items.Add(t),”$ tag $“);权重是我的代码中的一个变量“

所以我假设您要添加超链接并在项目上应用不同的css类。

<asp:BulletedList ID="BulletedList1" runat="server"
    CssClass="TagList"
    DisplayMode="HyperLink">
</asp:BulletedList>

,例如css:

<style>
.TagList a {text-decoration:none}
.TagList a:link {text-decoration:none}
.TagList a:visited {text-decoration: none; color: blue}
.TagList a:hover {text-decoration: underline; color: red}
</style>

以及如何动态添加链接(ListItem的值是URL):

Listtags.ForEach(t => 
     BulletedList1.Items.Add(new ListItem(t, browseUrl + "?tag=$urlencodetag$"))
); 

答案 4 :(得分:2)

在Asp.Net

<ul id = "myul" runat = "server">
</ul>

在Code Behind(在页面加载中我想或点击按钮)

Listtags.ForEach(x => new ListItem(){Text = x });