如何將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

你也可以使用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();

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 Web服務器控件：

<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 $“）；權重是我代碼中的變量”

因此，我假設您要添加超鏈接並在項目上應用不同的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 });