三十三：基于DataList和Repeater使用DropDownList過濾的主從報表

1、在ASP.NET 2.0中操作數(shù)據(jù)之三十三：基于DataList和Repeater使用DropDownList過濾的主/從報表作者：heker2007 字體：增加減小 類型：轉(zhuǎn)載 時間：2016-05-09我要評論前面已經(jīng)介紹過使用DropDownList過濾的主/從報表，不過當(dāng)時是基于GridView，本文算是復(fù)習(xí)一下，基于DataList和Repeater再次實(shí)現(xiàn)一下相同的功能。導(dǎo)言在前面的使用DropDownList過濾的主/從報表一章里我們使用GridView創(chuàng)建的主/從表,顯示一些主記錄.用戶可以根據(jù)主記錄來查看從(詳細(xì))的內(nèi)容.主/從表在呈現(xiàn)一對多關(guān)系和含多列的表的信息時是一個好的

2、選擇.在前面我們已經(jīng)學(xué)過如何使用GridView和DetailsView來實(shí)現(xiàn).本章和后面兩章我們將重新復(fù)習(xí)一下這些概念,但是主要學(xué)習(xí)使用DataList和Repeater來實(shí)現(xiàn).本章我們將學(xué)習(xí)使用DropDownList包含主記錄,而在DataList里顯示從記錄.第一步: 增加主/從教程頁首先增加本教程會用到的文件夾(DataListRepeaterFiltering)和頁.新建頁的時候記得選擇Site.master.Default.aspxFilterByDropDownList.aspxCategoryListMaster.aspxProductsForCategoryDetails.

3、aspxCategoriesAndProducts.aspx圖 1: 創(chuàng)建DataListRepeaterFiltering文件夾和頁然后打開Default.aspx頁,將SectionLevelTutorialListing.ascx用戶控件拖進(jìn)來.圖2: 在Default.aspx頁里增加SectionLevelTutorialListing.ascx我們需要將主/從教程添加到site map里.打開Web.sitemap,將下面的標(biāo)記添加到“Displaying Data with the DataList and Repeater”節(jié)點(diǎn)后:?1234567891011121314151

4、6171819202122圖 3: 更新之后的Site Map第二步: 在DropDownList里顯示Categories我們的主/從表將在DropDownList里列出categories ,然后將選擇的item的product用DataList顯示出來.打開DataListRepeaterFiltering文件夾里的FilterByDropDownList.aspx頁,拖一個DropDownList進(jìn)來.將DropDownList的ID設(shè)為Categories.在智能標(biāo)簽上選擇選擇數(shù)據(jù)源,創(chuàng)建一個名為CategoriesDataSource的ObjectDataSource圖 4: 添加

5、一個名為CategoriesDataSource的 ObjectDataSource使用CategoriesBLL類的GetCategories()方法配置ObjectDataSource.然后為DropDownList的text和value配置字段(分別為CategoryName和CategoryID).圖 5: 配置DropDownList的Text和Value現(xiàn)在DropDownList里已經(jīng)列出了Categories表里記錄.見圖6.圖 6: 完成后的DropDownList第三步: 添加Products DataList下面將選擇的category關(guān)聯(lián)的product列出來.添加一個

6、DataList,創(chuàng)建一個名為ProductsByCategoryDataSource的ObjectDataSource.用ProductsBLL類的GetProductsByCategoryID(categoryID)來配置它.因?yàn)槲覀兊膱蟊硎侵蛔x的,所以在INSERT,UPDATE和DELETE標(biāo)簽里選擇None.圖 7: 選擇GetProductsByCategoryID(categoryID)方法點(diǎn)下一步,向?qū)崾疚覀優(yōu)閏ategoryID參數(shù)選擇source.將Parameter source設(shè)為Control,ControlID設(shè)為Categories.圖 8: 設(shè)置catego

7、ryID參數(shù)為Categories DropDownList完成上面的配置后,Visual Studio會為DataList自動生成一個ItemTemplate來顯示每個字段的name和value.我們來做一些改進(jìn),只顯示product的name,category,supplier,quantity和price,并在每個item之間加一個元素(SeoaratorTemplate).我們將使用DataList和Repeater來顯示數(shù)據(jù) 的ItemTemplate例子.ObjectDataSource的標(biāo)記語言應(yīng)該和下面差不多:?123456789101112131415161718192021

8、222324252627282930313233343536373839asp:Label ID=ProductNameLabel runat=serverText= /Category:asp:Label ID=CategoryNameLabel runat=serverText= /Supplier:asp:Label ID=SupplierNameLabel runat=serverText= /Qty/Unit:asp:Label ID=QuantityPerUnitLabel runat=serverText= /Price:asp:Label ID=UnitPriceLabel r

9、unat=serverText= /在瀏覽器里看一下頁面.第一次訪問時,和Beverager關(guān)聯(lián)的product都顯示出來了(圖9),但是改變DropDownList不會更新數(shù)據(jù),這是因?yàn)檫€更新DataList需要postback.我們將DropDownList的AutoPostBack屬性設(shè)為true.圖 9: 第一次訪問時, 顯示Beverage的 Products圖 10: 選擇一個新的category(Produce),更新DataList添加一個 “- Choose a Category -” List Item第一次訪問頁面時,Beveages默認(rèn)被選中,并且在DataList里顯

10、示它的product.在使用DropDownList過濾的主/從報表 里我們添加了“- Choose a Category -”選項(xiàng)(默認(rèn)項(xiàng)),顯示所有的product.在GridView里顯示product時這樣很方便.而對DataList而言,每個product要占很大一塊屏幕,因此在選擇“- Choose a Category -”時底下將不顯示product.在DropDownList的屬性里選擇Items屬性,添加一個Text為“- Choose a Category -”,Value為0的項(xiàng).圖 11: 添加 “- Choose a Category -” 項(xiàng)你也可以直接在Drop

11、DownList的標(biāo)記語言里添加以下代碼:?1234567- Choose a Category -另外我們需要將DropDownList的AppendDataBoundItems設(shè)為true.因?yàn)槿绻麨閒alse(默認(rèn)),當(dāng)categories綁定到DropDownList時將覆蓋手工添加的list item.圖 12: Set the AppendDataBoundItems Property to True我們將“- Choose a Category -” 的value設(shè)為0是因?yàn)橄到y(tǒng)里沒有categories的value為0,因此當(dāng)選擇這條category時不會有product返回.瀏覽一下網(wǎng)頁來確認(rèn)這點(diǎn).見圖13.圖 13: 選中“- Choose a Category -” 時, 沒有Products 被顯示如果你想在選擇“- Choose a Category -” 時顯示所有的product,將它的value設(shè)為1.細(xì)心的讀者會記起來在使用DropDownList過濾的主/從報表 里我們更新了ProductsBLL類的GetProductsByCategoryID(categoryID)方法,如果categoryID為1時所有的product記錄會被返回.總結(jié)當(dāng)顯示層次關(guān)系的數(shù)據(jù)時,使用主/從表來展示數(shù)據(jù)很有幫助.用