ASP.NET2.0中怎么自定义格式化-创新互联

ASP.NET 2.0中怎么自定义格式化，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

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是否被勾选上, 这样我们可以分页查看所有的数据了

图1: 在DetailsView的值能感知中检查Enable Paging属性是否被勾选上

 在经过这些改变后， DetailsView的代码更改为

您这时可以按F5执行看看

图2: DetailsView控件一次显示一个数据

Step 2: 在DataBound事件中编码确定数据的值

为了将那些UnitPrice高于$75.00的产品用粗体，italic字体显示出来,我们首先需要编码确定UnitPrice的值,对于DetailsView我们可以通过DataBound事件完成. 我们选择DetailsView并查看属性视图(F4位快捷键), 如果没有显示，则选择 View（视图）Property Window(属性窗口), 在确保您选择了DetailsView的情况下双击DataBound事件或者输入您要创建的事件名

图3: 为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)

图4: 价格低于$75.00将会用正常格式显示

图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的代码大概会成这样

  

 

 Product:

 '>

 

 Units In Stock:

 '>

 

 

 注意ItemTemplate 包含的代码:

·静态HTML – “Product:” 和 “Units In Stock:” 包含
和 元素.

·Web 控件– 两个Label控件, ProductNameLabel 和UnitsInStockLabel.

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

Step 2: 在 DataBound 事件处理中编码确定数据的值

当FormView的标记完成后，下一步就是确定UnitsInStock的值是否小于等于10,这里和在DetailView中类似，先创建DataBound事件

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

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

 }

 }

}