亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十

系統 2175 0

Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化


介紹


我們可以通過控制HeaderStyle, RowStyle, AlternatingRowStyle和其他一些屬性來改變GridView, DetailsView, 和 FormView的樣式,比如cssClass, Font, BorderWidth, BorderStyle, Bar, Width, Height等

一般,自定義格式化與我們所要顯示的數據的值有關系。例如, 為了吸引用戶注意那些庫存為空的產品,我們可以將庫存對應的字段UnitsInStock 和UnitsOnOrder為0的數據背景色設為黃色. 為了高亮化那些貴的產品,則將UnitsInStock 高于$75.00的數據字體設置為粗體

GridView, DetailsView, FormView的格式自定義可以有多種方法, 在本文中我們將用DataBound 和 RowDataBound兩種事件來完成, 在下一篇里我們將嘗試用alternative的方式 在GridView控件中使用TemplateField

使用DetailsView 控件的 DataBound 事件當綁定數據到DetailsView控件, 不管是從數據控件或編碼填充數據到DataSource屬性并調用其DataBind()方法。以下幾種事件將觸發

1.DataBinding事件觸發


2.數據綁定到數據綁定控件

3.DataBound事件觸發

一般在1,2,3之后數據將會通過事件立即填充數據控件,我們還可以自定義事件處理來確定數據是否已經被填充到控件中并按照我們的需要調整顯示格式。我們可以來做個例子.我們將創建一個DetailsView來列出一個產品的一般信息,并且當UnitPrice超過 $75.00 時用粗體,italic字體來顯示UnitPrice的值

Step 1: 在DetailsView中顯示產品信息


在CustomFormatting文件夾下新建一個CustomColors.aspx頁面,從工具箱中拖出一個DetailsView控件到頁面中,設置ID為ExpensiveProductsPriceInBoldItalic綁定到一個新的數據源中,并配置此數據源到業務對象ProductsBLL類中的GetProducts()方法,這個的詳細實現步驟已經在前面詳細介紹過了,這里就忽略了

當您綁定ObjectDataSource到DetailsView時,我們可以修改一下字段列表,我選擇移除了ProductID, SupplierID, CategoryID, UnitsInStock, UnitsOnOrder, ReorderLevel和那些不被綁定的字段,他們將不會顯示在DetailsView列表中,而那些留下來的我們可以重命名他們,還可以修改他們的顯示格式. 我還清空了DetailsView的Height和Width屬性,這樣當顯示的只有一條數據時不會出現樣式的混亂。當然我們面對的數據絕不只有一條這么少,顯示怎么辦呢?我們可以檢查DetailsView的智能感知中檢查Enable Paging checkbox是否被勾選上, 這樣我們可以分頁查看所有的數據了

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化
圖一: 在DetailsView的值能感知中檢查Enable Paging屬性是否被勾選上

在經過這些改變后, DetailsView的代碼更改為

<asp:DetailsView ID="DetailsView1" runat="server" AllowPaging="True" 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" />

</Fields>

</asp:DetailsView>

您這時可以按F5執行看看

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化

圖二: DetailsView控件一次顯示一個數據

Step 2: 在DataBound事件中編碼確定數據的值


為了將那些UnitPrice高于$75.00的產品用粗體,italic字體顯示出來,我們首先需要編碼確定UnitPrice的值,對于DetailsView我們可以通過DataBound事件完成. 我們選擇DetailsView并查看屬性視圖(F4位快捷鍵), 如果沒有顯示,則選擇 View(視圖)Property Window(屬性窗口), 在確保您選擇了DetailsView的情況下雙擊DataBound事件或者輸入您要創建的事件名

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化
圖三: 為DataBound事件創建一個事件處理

代碼中將會自動生成以下代碼

protected void ExpensiveProductsPriceInBoldItalic_DataBound(object sender, EventArgs e)

{

}

我們可以通過DataItem屬性來設置DetailsView的綁定項(一些強類型的數據行(DataRow)組成的強類型的數據表(DataTable)), 當數據表(DataTable)綁定到DetailsView時,數據表的第一行將被自動綁定到DetailsView的DataItem屬性,而DataItem屬性中包含有DataRowView (Object類型),我們可以通過DataRowView來訪問一個ProductsRow 的DataRow實例,還可以檢測Object的值來確定ProductsRow實例是否存在

下面的代碼描述如何確定UnitPrice是否綁定到DetailsView并且高于$75.00

protected void ExpensiveProductsPriceInBoldItalic_DataBound(object sender, EventArgs e)

{

// Get the ProductsRow object from the DataItem property...

Northwind.ProductsRow product = (Northwind.ProductsRow)((System.Data.DataRowView)

ExpensiveProductsPriceInBoldItalic.DataItem).Row;

if (!product.IsUnitPriceNull() && product.UnitPrice > 75m)

{

// TODO: Make the UnitPrice text bold and italic

}

}

注意: 當UnitPrice在數據庫的值為空,我們在綁定到ProductsRow’s UnitPrice屬性之前檢查確定他是否為空,這很重要因為我們可以通過檢查這個屬性來拋出一個強類型的異常 StrongTypingException exception.

Step 3: 在DetailsView中格式化 UnitPrice


到這個時候我們已經知道即將綁定的UnitPrice是否高于$75.00,現在我們來看看怎么通過編碼調整UnitPrice的格式,我們可以通過修改DetailsViewID.Rows[index];修改一行數據,而且我們可以通過訪問DetailsViewID.Rows[index].Cells[index]來訪問某一單元格,這樣我們可以通過修改與格式相關的屬性來格式化這一單元格

訪問某一行需要得到某行的索引,索引從0開始, UnitPrice 在 DetailsView中是第15行, 假設他在第四行那么我們可以通過ExpensiveProductsPriceInBoldItalic.Rows[4]來訪問. 這時我們可以通過下面的代碼將這一行顯示為粗體,italic 字體

ExpensiveProductsPriceInBoldItalic.Rows[4].Font.Bold = true;

ExpensiveProductsPriceInBoldItalic.Rows[4].Font.Italic = true;

然而,這樣將會格式化Label和值,如果我們只想將值格式話,而且我們需要將格式應用到當前行的第二格,請看下面的代碼

ExpensiveProductsPriceInBoldItalic.Rows[4].Cells[1].Font.Bold = true;

ExpensiveProductsPriceInBoldItalic.Rows[4].Cells[1].Font.Italic = true;

我們還可以通過StyleSheet 來顯示標記和樣式相關信息,而不是用確定的某一行某一列來設置格式,我們用CSS來控制格式,打開Styles.css 文件,添加一個新的Class命名為ExpensivePriceEmphasis按照下面的代碼CSS

.ExpensivePriceEmphasis

{

font-weight: bold;

font-style: italic;

}

然后再DataBound事件中,設置單元的CssClass為ExpensivePriceEmphasis,在DataBound事件處理中添加

當查看Chai(費用低于$75.00),價格將會用正常格式顯示 圖4),但是當查看Mishi Kobe Niku,(價格為$97.00)則會用我們設置的格式顯示(圖5)

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化

圖4: 價格低于$75.00將會用正常格式顯示

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化

圖5: 價格高于$75.00將會用 粗體, Italic 字體顯示

使用FormView控件的 DataBound 事件綁定到FormView數據的步驟和DetailsView的步驟類似都要創建一個DataBound事件處理, 聲明綁定到控件的DataItem類型屬性, 然后執行綁定。然而,他們更新的方式不同

FormView不包括任何綁定列也不包含行的集合, 取而代之的是他由一系列包含若干靜態HTML, Web控件,綁定表達式的模板組合。調整 FormView的外觀涉及到調整一個或多個FormView的模板

讓我們像前一個例子那樣用FormView列出產品項,但是這次我們僅僅用紅色字體顯示units小于等于10的產品的name和units

Step 1: 在FormView中顯示產品信息


添加一個FormView到CustomColors.aspx中,設置其ID為LowStockedProductsInRed,像前一個步驟一樣綁定數據到ObjectDataSource中, 這將在FormView中創建ItemTemplate, EditItemTemplate, 和InsertItemTemplate .

移除EditItemTemplate和InsertItemTemplate 并在 ItemTemplate 中僅包含ProductName 和UnitsInStock 項, 在智能感知中檢查Allow Paging(分頁)標記是否被選上

在這些操作后FormView的代碼大概會成這樣

<asp:FormView ID="LowStockedProductsInRed" runat="server" DataKeyNames="ProductID"

DataSourceID="ObjectDataSource1" AllowPaging="True" EnableViewState="False">

<ItemTemplate>

<b>Product:</b>

<asp:Label ID="ProductNameLabel" runat="server" Text='<%# Bind("ProductName") %>'>

</asp:Label><br />

<b>Units In Stock:</b>

<asp:Label ID="UnitsInStockLabel" runat="server" Text='<%# Bind("UnitsInStock") %>'>

</asp:Label>

</ItemTemplate>

</asp:FormView>

注意ItemTemplate 包含的代碼:

· 靜態HTML – “Product:” 和 “Units In Stock:” 包含 <br /> 和 <b> 元素.

· Web 控件– 兩個Label控件, ProductNameLabel 和UnitsInStockLabel.

· 綁定表達式 –<%# Bind("ProductName") %> 和<%# Bind("UnitsInStock") %> 表達式, 綁定值到Label的Text屬性上

Step 2: 在 DataBound 事件處理中編碼確定數據的值


當FormView的標記完成后,下一步就是確定UnitsInStock的值是否小于等于10,這里和在DetailView中類似,先創建DataBound事件

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化
圖6: 創建 DataBound 事件處理

在事件中聲明FormView的DataItem屬性到ProductsRow實例中,確定UnitsInPrice的值并將對應的值用紅色字體顯示

protected void LowStockedProductsInRed_DataBound(object sender, EventArgs e)

{

// Get the ProductsRow object from the DataItem property...

Northwind.ProductsRow product = (Northwind.ProductsRow)((System.Data.DataRowView)

LowStockedProductsInRed.DataItem).Row;

if (!product.IsUnitsInStockNull() && product.UnitsInStock <= 10)

{

// TODO: Make the UnitsInStockLabel’s text red

}

}

Step 3:在FormView 的ItemTemplate中格式化UnitsInStockLabel Label


最后一步就是要在ItemTemplate中設置UnitsInStockLabel的樣式為紅色字體,在ItemTempelete中查找控件可以使用FindControl(“controlID”)方法

WebControlType someName = (WebControlType)FormViewID.FindControl("controlID");

對于我們這個例子我們可以用如下代碼來查找該Label控件

Label unitsInStock = (Label)LowStockedProductsInRed.FindControl("UnitsInStockLabel");

當我們找到這個控件時則可以修改其對應的style屬性,在style.css中已經有一個寫好的LowUnitsInStockEmphasis的cSS Class ,我們通過下面的代碼將cSS Class設置到對應的屬性

protected void LowStockedProductsInRed_DataBound(object sender, EventArgs e)

{

// Get the ProductsRow object from the DataItem property...

Northwind.ProductsRow product = (Northwind.ProductsRow)((System.Data.DataRowView)

LowStockedProductsInRed.DataItem).Row;

if (!product.IsUnitsInStockNull() && product.UnitsInStock <= 10)

{

Label unitsInStock = (Label)LowStockedProductsInRed.FindControl("UnitsInStockLabel");

if (unitsInStock != null)

{

unitsInStock.CssClass = "LowUnitsInStockEmphasis";

}

}

}

注意: 這種方式在FormView和GridView中也可以通過設置TemplateFields來達到同樣的效果,我們將在下一篇中討論TemplateFields.圖7顯示FormView在當UnitsInStock大于10的情況,圖8則顯示小于等于10的情況

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化

圖7 : 在高于10的情況下,沒有值被格式化

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化
圖8:小于等于10時,值用紅色字體顯示


用GridView的 RowDataBound 事件自定義格式化


前面我們討論了在FormView和DetailsView中實現數據綁定的步驟,現在讓我們回顧下

DataBinding事件觸發
數據綁定到數據綁定控件
DataBound事件觸發
對于FormView和DetailsView有效因為只需要顯示一個數據,而在GridView中,則要顯示所有數據,相對于前面三個步驟,步驟二有些不同

在步驟二中,GridView 列出所有的數據,對于某一個記錄將創建一個GridViewRow 實例并綁定,對于每個添加到GridView 中的 GridViewRow兩個事件將會觸發:

· RowCreated – 當GridViewRow被創建時觸發

· RowDataBound – 當前記錄綁定到GridViewRow時觸發.

對于GridView,請使用下面的步驟

DataBinding事件觸發
數據綁定到數據綁定控件
對于每一行數據..

a. 創建GridViewRow

b. 觸發 RowCreated 事件

c. 綁定數據到GridViewRow

d. 觸發RowDataBound事件

e. 添加GridViewRow到Rows 集合

DataBound事件觸發

為了自定義格式化GridView單獨記錄,我們需要為RowDataBound事件創建事件處理,讓我們添加一個GridView到CustomColors.aspx中,并顯示name, category, 和 price,用黃色背景高亮那些價格小于$10.00的產品

Step 1:在GridView中顯示產品信息


添加一個GridView到FormView的下方,設置ID為HighlightCheapProducts.我們之前已經設置了一個ObjectDataSource來獲取產品數據,現在我們綁定GridView到ObjectDataSource. 之后,編輯GridView的綁定列包含產品的name.categorie,price屬性。完成之后GridView的代碼將會是:

<asp:GridView ID="HighlightCheapProducts" runat="server" AutoGenerateColumns="False"

DataKeyNames="ProductID" DataSourceID="ObjectDataSource1" EnableViewState="False">

<Columns>

<asp:BoundField DataField="ProductName" HeaderText="Product" SortExpression="ProductName"

/>

<asp:BoundField DataField="CategoryName" HeaderText="Category" ReadOnly="True"

SortExpression="CategoryName" />

<asp:BoundField DataField="UnitPrice" DataFormatString="{0:c}" HeaderText="Price"

HtmlEncode="False" SortExpression="UnitPrice" />

</Columns>

</asp:GridView>

圖九顯示瀏覽器查看的結果

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化

圖9: GridView顯示產品的name, category, price

Step 2:在RowDataBound的事件處理中編碼確定數據對應的值


當ProductsDataTable綁定到GridView,GridView將會產生若干個ProductsRow。GridViewRow的DataItem屬性將會生成一個實際的ProductRow。在GridView的 RowDataBound事件發生之后,為了確定UnitsInStock的值,我們需要創建RowDataBound的事件處理,在其中我們可以確定UnitsInStock的值并做相應的格式化EventHandler的創建過程和前面兩個一樣

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化
圖10: 創建GridView的RowDataBound事件的事件處理

在后臺代碼里將會自動生成如下代碼

protected void HighlightCheapProducts_RowDataBound(object sender, GridViewRowEventArgs e)

{

}

當RowDataBound事件觸發,第二個參數GridViewRowEventArgs中包含了對GridViewRow的引用,我們用如下的代碼來訪問GridViewRow中的ProductsRow

protected void HighlightCheapProducts_RowDataBound(object sender, GridViewRowEventArgs e)

{ // Get the ProductsRow object from the DataItem property...

Northwind.ProductsRow product = (Northwind.ProductsRow)((System.Data.DataRowView)

e.Row.DataItem).Row;

if (!product.IsUnitPriceNull() && product.UnitPrice < 10m)

{

// TODO: Highlight the row yellow...

}

}

當運用RowDataBound事件處理時,GridView由各種類型不同的行組成,而事件發生針對所有的行類型, GridViewRow的類型可以由RowType屬性決定,可以是以下類型中的一種

· DataRow – GridView的DataSource中的一條記錄

· EmptyDataRow – GridView的DataSource顯示出來的某一行為空

· Footer – 底部行; 顯示由GridView的ShowFooter屬性決定

· Header – 頭部行; 顯示由GridView的ShowHeader屬性決定

· Pager – GridView的分頁,這一行顯示分頁的標記

· Separator – 對于GridView不可用,但是對于DataList和Reapter的RowType屬性卻很有用,我們將在將來的文章中討論他們

當上面四種(DataRow, Pager Rows Footer, Header)都不合適對應值時,將返回一個空的數據項, 所以我們需要在代碼中檢查GridViewRow的RowType屬性來確定:

protected void HighlightCheapProducts_RowDataBound(object sender, GridViewRowEventArgs e)

{

// Make sure we are working with a DataRow

if (e.Row.RowType == DataControlRowType.DataRow)

{

// Get the ProductsRow object from the DataItem property...

Northwind.ProductsRow product = (Northwind.ProductsRow)((System.Data.DataRowView)

e.Row.DataItem).Row;

if (!product.IsUnitPriceNull() && product.UnitPrice < 10m)

{

// TODO: Highlight row yellow...

}

}

}

Step 3:用黃色高亮那些UnitPrice小于$10.00的行


我們需要訪問GridViewID.Rows[index]來訪問index對應的那一行,GridViewID.Rows[index].Cells[index]來訪問某一單元格.然而當RowDataBound事件觸發時,GridViewRow卻沒有添加到Rows集合中, 因此我們不能在RowDataBound事件處理中通過當前GridViewRow實例

取而代之,我們可以通過e.Row來訪問。為了高亮某一行我們用下面的代碼

e.Row.BackColor = System.Drawing.Color.Yellow;

我們還可以通過cSSClass取得同樣的效果(推薦)

protected void HighlightCheapProducts_RowDataBound(object sender, GridViewRowEventArgs e)

{

// Make sure we are working with a DataRow

if (e.Row.RowType == DataControlRowType.DataRow)

{

// Get the ProductsRow object from the DataItem property...

Northwind.ProductsRow product = (Northwind.ProductsRow)((System.Data.DataRowView)

e.Row.DataItem).Row;

if (!product.IsUnitPriceNull() && product.UnitPrice < 10m)

{

e.Row.CssClass = "AffordablePriceEmphasis";

}

}

}

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化

圖 11: 所需要的行用高亮黃色顯示


總結


在本篇中我們演示了基于數據綁定來自定義格式化GridView, DetailsView, FormView的方法。為了完成這些,我們創建DataBound或者RowDataBound事件,為了訪問DetailsView或FormView的數據綁定,我們可以通過DataItem屬性。對于GridView,每個GridViewRow實例的DataItem屬性包含了綁定的數據(在RowDataBound事件處理中可用)

為了調整格式,我們可能需要訪問某一特定的行,在GridView和DetailsView中我們可以通過索引訪問,而在FormView中我們則需要用FindControl("controlID"),同時FindControl("controlID")通常都可以訪問Web控件Tempelete中的某個控件.在下一篇中我們將討論如何在GridView和DetailsView使用Tempeletes, 還將討論另外一些自定義格式化的方法

祝編程快樂!

作者簡介

Scott Mitchell,著有六本ASP/ASP.NET方面的書,是4GuysFromRolla.com的創始人,自1998年以來一直應用 微軟Web技術。Scott是個獨立的技術咨詢顧問,培訓師,作家,最近完成了將由Sams出版社出版的新作,24小時內精通ASP.NET 2.0。他的聯系電郵為 mitchell@4guysfromrolla.com ,也可以通過他的博客 http://scottonwriting.net/ 與他聯系。

譯]Scott Mitchell 的ASP.NET 2.0數據教程之十一: 基于數據的自定義格式化


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 中文字幕在线视频精品 | 婷婷尹人香蕉久久天堂 | 亚洲国产精品线播放 | 黄色在线免费观看 | 精品一区二区三区四区 | 色综合视频一区二区观看 | 手机看一级片 | 五月婷婷丁香在线视频 | 亚洲精品视频网 | 免费一级欧美大片在线观看 | a视频网站| 久久一二 | 97人人在线观看 | 久久亚洲私人国产精品va | 女孕学护士一级毛片 | 99热成人精品热久久66 | 国产日韩一区二区三区 | 亚洲一区二区三区久久 | 操操免费视频 | 97在线免费看视频 | 美日韩毛片 | 久久一区二区三区精品 | 国产精品国内免费一区二区三区 | 国产亚洲精品美女2020久久 | 欧美亚洲综合一区 | 两性影院 | 日日碰 | 久久天天躁狠狠躁夜夜爽蜜月 | 一本岛高清v不卡免费一三区 | 国产一区亚洲二区三区 | 99视频有精品 | 久久福利资源国产精品999 | 毛片免费永久不卡视频观看 | 99久久精品国产一区二区 | 四虎影院视频在线观看 | 人妖粗暴刺激videos | 久久se精品动漫一区二区三区 | 五月婷婷在线视频观看 | 久久影院中文字幕 | 精品国产亚一区二区三区 | 亚洲精品www久久久久久 |