Repeater中嵌套使用Repeater

來源:互聯網
上載者:User
Repeater中嵌套使用Repeater。

本例使用 vs.net 2008(C#)編寫。來自 admin10000.com

後台CS代碼

        protected void Page_Load(object sender, EventArgs e)        {            if (!Page.IsPostBack)            {                this.dtCategory = GetCategoryTable();                this.dtProduct = GetProductTable();                rptCategoryList.DataSource = dtCategory;                rptCategoryList.DataBind();            }        }        // 準備一張分類表        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"] = "分類名字 " + i + "";                dt.Rows.Add(row);            }            return dt;        }                // 準備一張產品表        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"] = "產品名字 " + i + "";                if (i > 6) row["CategoryId"] = 3;                else if (i > 3) row["CategoryId"] = 2;                else row["CategoryId"] = 1;                dt.Rows.Add(row);            }            return dt;        }        // 擷取某個類別的產品        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();            }        }

前台aspx代碼

  <form id="form1" runat="server">    <p>        <asp:Repeater ID="rptCategoryList" runat="server" OnItemDataBound="rptCategoryList_ItemDataBound">            <ItemTemplate>                <p class="listBox">                    <p class="title">                        <asp:Literal ID="ltlTitle" runat="server"></asp:Literal></p>                    <p class="content">                        <ul>                            <asp:Repeater ID="rptProductList" runat="server" OnItemDataBound="rptProductList_ItemDataBound">                                <ItemTemplate>                                    <li>                                        <asp:Literal ID="ltlTitle" runat="server"></asp:Literal>                                    </li>                                </ItemTemplate>                            </asp:Repeater>                        </ul>                    </p>                </p>            </ItemTemplate>        </asp:Repeater>    </p>    </form>

下載程式碼範例:PageDemo.RAR

相關文檔: Repeater控制項的分頁實現 Repeater控制項實現編輯、更新、刪除操作 Repeater多行間隔顯示分隔字元的方法

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.