c# - 如何将 C# 列表插入 Div？

Question

我有一个 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>

有人可以告诉我怎么做吗？

Answer 1

你也可以使用中继器

<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();

Answer 2

使用 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);

Answer 3

如果您使用的是 MVC3，则可以执行以下操作：

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

Answer 4

如果您使用的是 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 => BulletedList1.Items.Add(t),"$tag$ "); weight 是我代码中的一个变量”

所以我假设您想要添加超链接并在项目上应用不同的 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$"))
); 

Answer 5

在 Asp.Net 中

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

在后面的代码中（我想在页面加载或按钮单击中）

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