使用ASP.NET DetailsView顯示詳細(xì)信息
***一個(gè)步驟是在DetailsView中顯示選中產(chǎn)品的詳細(xì)信息. 要完成該功能, 添加一個(gè)DetailsView到頁(yè)面上, 設(shè)置它的ID屬性為ProductDetails, 給它創(chuàng)建一個(gè)新的ObjectDataSource. 配置ObjectDataSource使它通過(guò)ProductsBLL類(lèi)的GetProductByProductID(productID)方法填充數(shù)據(jù),使用ProductsByCategory DropDownList的已選擇項(xiàng)的值作為productID參數(shù)的值.
ASP.NET DetailsView: 選擇使用ProductsBLL類(lèi)
ASP.NET DetailsView: 配置 ObjectDataSource 使用GetProductByProductID(productID)方法
ASP.NET DetailsView: 使用ProductsByCategory DropDownList的值作為productID參數(shù)的值
你可以選擇在DetailsView顯示的任何有效的字段. 我決定不顯示ProductID, SupplierID, 和CategoryID字段并且對(duì)其余的字段重新排序及格式化.另外, 我去掉了DetailsView的Height和Width屬性設(shè)置, 允許DetailsView可以擴(kuò)展到需要的寬度, 這樣比把它限制在指定的大小會(huì)更好的顯示數(shù)據(jù). 下面便是全部的標(biāo)記性語(yǔ)言(markup)
- < asp:DetailsView ID="ProductDetails" runat="server" AutoGenerateRows="False" DataKeyNames="ProductID"
- DataSourceID="ObjectDataSource1" EnableViewState="False">
- < Fields>
- < asp:BoundField DataField="ProductName" HeaderText="Product" SortExpression="ProductName" />
- < asp:BoundField DataField="CategoryName" HeaderText="Category" ReadOnly="True" SortExpression="CategoryName" />
- < asp:BoundField DataField="SupplierName" HeaderText="Supplier" ReadOnly="True" SortExpression="SupplierName" />
- < asp:BoundField DataField="QuantityPerUnit" HeaderText="Qty/Unit" SortExpression="QuantityPerUnit" />
- < asp:BoundField DataField="UnitPrice" DataFormatString="{0:c}" HeaderText="Price"
- HtmlEncode="False" SortExpression="UnitPrice" />
- < asp:BoundField DataField="UnitsInStock" HeaderText="UnitsInStock" SortExpression="Units In Stock" />
- < asp:BoundField DataField="UnitsOnOrder" HeaderText="UnitsOnOrder" SortExpression="Units On Order" />
- < asp:BoundField DataField="ReorderLevel" HeaderText="ReorderLevel" SortExpression="Reorder Level" />
- < asp:CheckBoxField DataField="Discontinued" HeaderText="Discontinued" SortExpression="Discontinued" />
- < /Fields>
- < /asp:DetailsView>
花點(diǎn)時(shí)間在瀏覽器中測(cè)試一下MasterDetailsDetails.aspx頁(yè)面. 乍一看好像一切如預(yù)計(jì)的那樣順利, 但是卻有一個(gè)小問(wèn)題. 當(dāng)你選擇了一個(gè)新類(lèi)別, ProductsByCategory DropDownList會(huì)更新顯示選中類(lèi)別的產(chǎn)品, 但是ProductDetails DetailsView還是顯示上一個(gè)產(chǎn)品的信息. 當(dāng)選擇了一個(gè)選中類(lèi)別的不同的產(chǎn)品時(shí)DetailsView應(yīng)該被更新. 此外,如果你的測(cè)試足夠徹底, 你將會(huì)發(fā)現(xiàn)如果你不斷的選擇新類(lèi)別(比如在Categories DropDownList中選擇Beverages,然后選擇Condiments,然后是Confections)每個(gè)類(lèi)別的選擇都會(huì)使ProductDetails DetailsView被刷新.
為了讓這個(gè)問(wèn)題更具體一些, 讓我們看一個(gè)例子. 當(dāng)你***次訪(fǎng)問(wèn)該頁(yè)面時(shí), Beverages類(lèi)別是選中的并且與之相關(guān)的產(chǎn)品在ProductsByCategory DropDownList中列出. Chai是當(dāng)前選中的產(chǎn)品,他的詳細(xì)信息顯示在ProductDetails DetailsView中, 如圖18.
ASP.NET DetailsView: DetailsView顯示了選中產(chǎn)品的詳細(xì)信息
如果你把類(lèi)別選項(xiàng)Beverages 改成 Condiments, 便會(huì)發(fā)生一次回發(fā), ProductsByCategory DropDownList會(huì)相應(yīng)的更新, 但是DetailsView仍然會(huì)顯示Chai的詳細(xì)信息.
ASP.NET DetailsView:上一次選擇產(chǎn)品的詳細(xì)信息仍然在顯示
在列表中選擇一個(gè)產(chǎn)品會(huì)如預(yù)期地一樣刷新DetailsView, 如果你改變了產(chǎn)品之后選擇了一個(gè)新的類(lèi)別, DetailsView又一次沒(méi)有刷新. 然后如果你選擇一個(gè)新類(lèi)別而不是選擇一個(gè)產(chǎn)品, DetailsView則會(huì)刷新. 究竟是怎么回事呢?
這個(gè)問(wèn)題是由頁(yè)面生命周期的時(shí)間調(diào)度引發(fā)的. 當(dāng)頁(yè)面被請(qǐng)求時(shí)會(huì)經(jīng)過(guò)一系列的處理后呈現(xiàn)出來(lái). 這其中的一項(xiàng)處理便是ObjectDataSource控件檢查他的SelectParameters值是否發(fā)生變化. 如果發(fā)生了變化, WEB控件綁定到ObjectDataSource的數(shù)據(jù)便會(huì)刷新顯示. 比如, 當(dāng)一個(gè)新類(lèi)別被選中時(shí), ProductsByCategoryDataSource ObjectDataSource發(fā)現(xiàn)它的參數(shù)值已經(jīng)發(fā)生了變化,然后ProductsByCategory DropDownList就會(huì)重新綁定,獲取所選中類(lèi)別的產(chǎn)品.
在這種情況下發(fā)生的該問(wèn)題是由于在頁(yè)面的生命周期中ObjectDataSources檢查參數(shù)是否發(fā)生改變的動(dòng)作是在關(guān)聯(lián)的WEB控件重新綁定之前. 因此,當(dāng)選擇了一個(gè)新的類(lèi)別ProductsByCategoryDataSource ObjectDataSource會(huì)檢查到它的參數(shù)值發(fā)生了變化. 但是, ProductDetails DetailsView使用的ObjectDataSource并沒(méi)有發(fā)生任何變化,因?yàn)镻roductsByCategory DropDownList還沒(méi)有重新綁定. 在稍后的生命周期中ProductsByCategory DropDownList重新綁定到它的ObjectDataSource,獲取剛剛選中類(lèi)別的產(chǎn)品. 當(dāng)ProductsByCategory DropDownList的值發(fā)生變化的時(shí)候ProductDetails DetailsView的 ObjectDataSource已經(jīng)完成了它的參數(shù)值檢查工作. 因此, DetailsView還是顯示先前的數(shù)據(jù). 圖20描述了這個(gè)交互的過(guò)程.
ASP.NET DetailsView: T ProductDetails DetailsView的 ObjectDataSource的檢查工作結(jié)束后ProductsByCategory DropDownList的值才改變.
要解決這個(gè)問(wèn)題,我們需要在ProductsByCategory DropDownList綁定后顯式的重新綁定ProductDetails DetailsView. 我們可以在ProductsByCategory DropDownList的DataBound事件中調(diào)用ProductDetails DetailsView的DataBind()方法. 把下面的事件處理代碼添加到MasterDetailsDetails.aspx頁(yè)面的代碼后置類(lèi):
- protected void ProductsByCategory_DataBound(object sender, EventArgs e)
- {
- ProductDetails.DataBind();
- }
添加對(duì)ProductDetails DetailsView的DataBind()方法的顯式調(diào)用后,就一切正常了. 圖21高亮顯示了該方法是如何解決這個(gè)問(wèn)題的.
ASP.NET DetailsView:在ProductsByCategory DropDownList的DataBound事件中ProductDetails DetailsView被顯示的刷新.
DropDownList控件是一個(gè)非常理想的用于主/從報(bào)表(主記錄和從記錄存在一對(duì)多關(guān)系)的用戶(hù)接口元素(user interface element ). 在前面的教程中我們看到了如何使用單個(gè)DropDownList對(duì)選中的類(lèi)別進(jìn)行產(chǎn)品過(guò)濾. 在本教程中我們使用GridView代替了DropDownList做為產(chǎn)品列表, 使用DetailsView顯示選中產(chǎn)品的詳細(xì)信息. 本教程所討論的概念可以很容易的擴(kuò)展到包含多個(gè)一對(duì)多關(guān)系的數(shù)據(jù)模型, 比如客戶(hù),訂單及訂單項(xiàng). 通常,在一對(duì)多的關(guān)系中你總是可以使用DropDownList 來(lái)表示"主"實(shí)體(一對(duì)多中的一,主/從關(guān)系的主記錄)
【編輯推薦】
