网站前台显示

本文介绍如何使用ASP.NET中的Repeater控件展示类别和内容列表,并通过代码演示了数据绑定及自定义项模板的过程。文章还展示了如何根据不同热度级别显示不同颜色的文字。

CategoryList.aspx

<table>
<tr><th>id</th><th>Title</th><th>ImageUrl</th><th>control</th></tr>
<asp:Repeater runat="server" ID="rptCategoryList" OnItemDataBound="rptList_ItemDataBound">
<ItemTemplate>
<tr>
<td><%# Eval("Id") %></td>
<td style="white-space:nowrap;"><%# Eval("Title") %></td>
<td style="white-space:nowrap;"><img src='<%# Eval("ImageUrl") %>' /></td>
<td><a href='EditCategory.aspx?id=<%# Eval("Id") %>'>编辑</a></td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>

后台



public partial class CategoryList : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e) {
Category _category = new Category();
rptCategoryList.DataSource = _category.GetCategoryInfoes();
rptCategoryList.DataBind();
}


protected void rptList_ItemDataBound(object sender, RepeaterItemEventArgs e) {
if (e.Item.DataItem != null) {
CategoryInfo categoryInfo = (CategoryInfo)e.Item.DataItem;
}
}
}


ContentList.aspx

<table>
<tr><th>id</th><th>category</th><th>Title</th><th>FullTitle</th><th>renqun</th><th>hot</th><th>control</th></tr>
<asp:Repeater runat="server" ID="rptList" OnItemDataBound="rptList_ItemDataBound">
<ItemTemplate>
<tr>
<td><%# Eval("Id") %></td>
<td style="white-space:nowrap;"><asp:Literal ID="ltrCategoryName" runat="server" /></td>
<td style="white-space:nowrap;"><%# Eval("Title") %></td>
<td style="white-space:nowrap;"><%# Eval("FullTitle") %></td>
<td><%# Eval("Renqun") %></td>
<td><asp:Literal ID="ltrHot" runat="server" /></td>
<td style="white-space:nowrap;"><%# Eval("ImageUrl") %></td>
<td><a href='EditContent.aspx?id=<%# Eval("Id") %>'>编辑</a></td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>

后台

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Bjxmh.Jingci;


public partial class ContentList : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
Food food = new Food();


rptList.DataSource = food.GetContentInfoes();
rptList.DataBind();
    }


protected void rptList_ItemDataBound(object sender, RepeaterItemEventArgs e) {
if (e.Item.DataItem != null) {
FoodInfo foodInfo = (FoodInfo)e.Item.DataItem;
Category category = new Category();
var categoryInfo = category.GetCategoryInfoById(foodInfo.CategoryId);
Literal ltrCategoryName = (Literal)e.Item.FindControl("ltrCategoryName");
ltrCategoryName.Text = categoryInfo.Title;


if (foodInfo.Hot >= 200)
((Literal)e.Item.FindControl("ltrHot")).Text = string.Format("<span style='color:red'>{0}</span>", foodInfo.Hot);
else if (foodInfo.Hot >= 100)
((Literal)e.Item.FindControl("ltrHot")).Text = string.Format("<span style='color:orange'>{0}</span>", foodInfo.Hot);
else
((Literal)e.Item.FindControl("ltrHot")).Text = string.Format("<span style='color:green'>{0}</span>", foodInfo.Hot);
}
}
}

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值