復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
this.dtCategory = GetCategoryTable();
this.dtProduct = GetProductTable();
rptCategoryList.DataSource = dtCategory;
rptCategoryList.DataBind();
}
}
// 準(zhǔn)備一張分類(lèi)表
DataTable GetCategoryTable()
{
DataTable dt = new DataTable();
dt.Columns.Add("CategoryId", typeof(int));
dt.Columns.Add("CategoryTitle", typeof(string));
for (int i = 1; i = 3; i++)
{
DataRow row = dt.NewRow();
row["CategoryId"] = i;
row["CategoryTitle"] = "分類(lèi)名字 " + i + "";
dt.Rows.Add(row);
}
return dt;
}
// 準(zhǔn)備一張產(chǎn)品表
DataTable GetProductTable()
{
DataTable dt = new DataTable();
dt.Columns.Add("ProductTitle", typeof(string));
dt.Columns.Add("CategoryId", typeof(int));
for (int i = 1; i = 9; i++)
{
DataRow row = dt.NewRow();
row["ProductTitle"] = "產(chǎn)品名字 " + i + "";
if (i > 6) row["CategoryId"] = 3;
else if (i > 3) row["CategoryId"] = 2;
else row["CategoryId"] = 1;
dt.Rows.Add(row);
}
return dt;
}
// 獲取某個(gè)類(lèi)別的產(chǎn)品
DataTable GetProductTable(int categoryId)
{
DataView dv = this.dtProduct.DefaultView;
dv.RowFilter = " CategoryId=" + categoryId + " ";
return dv.ToTable();
}
protected void rptCategoryList_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)
{
DataRowView drv = (DataRowView)e.Item.DataItem;
Literal ltlTitle = (Literal)e.Item.FindControl("ltlTitle");
ltlTitle.Text = drv["CategoryTitle"].ToString();
Repeater rptProductList = (Repeater)e.Item.FindControl("rptProductList");
rptProductList.DataSource = GetProductTable(Convert.ToInt32(drv["CategoryId"]));
rptProductList.DataBind();
}
}
protected void rptProductList_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)
{
DataRowView drv = (DataRowView)e.Item.DataItem;
Literal ltlTitle = (Literal)e.Item.FindControl("ltlTitle");
ltlTitle.Text = drv["ProductTitle"].ToString();
}
}
前臺(tái)aspx代碼
復(fù)制代碼 代碼如下:
/CODE>form id="form1" runat="server">
/CODE>div>
/CODE>asp:Repeater ID="rptCategoryList" runat="server" OnItemDataBound="rptCategoryList_ItemDataBound">
/CODE>ItemTemplate>
/CODE>div class="listBox">
/CODE>div class="title">
/CODE>asp:Literal ID="ltlTitle" runat="server">//CODE>asp:Literal>//CODE>div>
/CODE>div class="content">
/CODE>ul>
/CODE>asp:Repeater ID="rptProductList" runat="server" OnItemDataBound="rptProductList_ItemDataBound">
/CODE>ItemTemplate>
/CODE>li>
/CODE>asp:Literal ID="ltlTitle" runat="server">//CODE>asp:Literal>
//CODE>li>
//CODE>ItemTemplate>
//CODE>asp:Repeater>
//CODE>ul>
//CODE>div>
//CODE>div>
//CODE>ItemTemplate>
//CODE>asp:Repeat//CODE>div>
//CODE>form>
您可能感興趣的文章:- Repeater事件OnItemCommand取得行內(nèi)控件的方法
- Repeater控件與PagedDataSource結(jié)合實(shí)現(xiàn)分頁(yè)功能
- Repeater控件實(shí)現(xiàn)編輯、更新、刪除等操作示例代碼
- Repeater怎么實(shí)現(xiàn)多行間隔顯示分隔符
- repeater做刪除前彈窗詢問(wèn)實(shí)例
- 給Repeater控件里添加序號(hào)的5種才常見(jiàn)方法介紹
- asp.net Repeater 數(shù)據(jù)綁定的具體實(shí)現(xiàn)(圖文詳解)
- Repeater控件綁定的三種方式
- ASP.NET筆記之 Repeater的使用
- asp.net Repeater分頁(yè)實(shí)例(PageDataSource的使用)
- Repeater里switch的使用方法
- Repeater中添加按鈕實(shí)現(xiàn)點(diǎn)擊按鈕獲取某一行數(shù)據(jù)的方法
