ASP.NET 2.0中怎么自定義格式化，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

Step 1: 在DetailsView中顯示產(chǎn)品信息

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

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

圖1: 在DetailsView的值能感知中檢查Enable Paging屬性是否被勾選上

 在經(jīng)過這些改變后， DetailsView的代碼更改為

您這時可以按F5執(zhí)行看看

圖2: DetailsView控件一次顯示一個數(shù)據(jù)

Step 2: 在DataBound事件中編碼確定數(shù)據(jù)的值

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

圖3: 為DataBound事件創(chuàng)建一個事件處理

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

protected void ExpensiveProductsPriceInBoldItalic_DataBound(object sender, EventArgs e)
{

}

我們可以通過DataItem屬性來設(shè)置DetailsView的綁定項(一些強類型的數(shù)據(jù)行(DataRow)組成的強類型的數(shù)據(jù)表(DataTable)), 當數(shù)據(jù)表(DataTable)綁定到DetailsView時，數(shù)據(jù)表的第一行將被自動綁定到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在數(shù)據(jù)庫的值為空，我們在綁定到ProductsRow's UnitPrice屬性之前檢查確定他是否為空，這很重要因為我們可以通過檢查這個屬性來拋出一個強類型的異常 StrongTypingException exception.

Step 3: 在DetailsView中格式化 UnitPrice

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

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

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

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

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

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

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

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

.ExpensivePriceEmphasis

{

 font-weight: bold;

 font-style: italic;

}

然后再DataBound事件中，設(shè)置單元的CssClass為ExpensivePriceEmphasis，在DataBound事件處理中添加

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

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

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

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

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

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

Step 1: 在FormView中顯示產(chǎn)品信息

添加一個FormView到CustomColors.aspx中，設(shè)置其ID為LowStockedProductsInRed,像前一個步驟一樣綁定數(shù)據(jù)到ObjectDataSource中， 這將在FormView中創(chuàng)建ItemTemplate, EditItemTemplate, 和InsertItemTemplate .

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

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

  

 

 Product:

 '>

 

 Units In Stock:

 '>

 

 

 注意ItemTemplate 包含的代碼:

·靜態(tài)HTML – “Product:” 和 “Units In Stock:” 包含
和 元素.

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

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

Step 2: 在 DataBound 事件處理中編碼確定數(shù)據(jù)的值

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

圖6: 創(chuàng)建 DataBound 事件處理

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

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中設(shè)置UnitsInStockLabel的樣式為紅色字體，在ItemTempelete中查找控件可以使用FindControl(“controlID”)方法

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

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

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

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";

 }

 }

}

protected void HighlightCheapProducts_RowDataBound(object sender, GridViewRowEventArgs e)

{

}

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...

 }

}

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...

  }

 }

}

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

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";

 }

 }

}