我有一个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>
有人可以告诉我该怎么做吗?
答案 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 });