ExtGridView

分享于 

4分钟阅读

Web开发

  繁體

ExtGridView in action!

介绍

本文提供了一个使用 ASP.NET GridView 控件显示分层数据的控件。 这个 GridView 控件的扩展还可以用来显示数据行的扩展数据细节。

使用代码

可以像常规 ASP.NET GridView 控件( 因为它是从 GridView 继承的) 一样使用 ExtGridView 控件。 ExtGridView 控件将注意显示展开/折叠按钮,还将显示或者隐藏嵌套的内容。

但是,如何将嵌套内容添加到网格中? 这个想法很简单,因为每行都有相关的嵌套内容,ExtGridView 控件假定该内容放置在网格的最后一列中。 所以,最后一列中的内容不会显示为网格中的常规列,而是在单击展开按钮时显示的内容。

在示例项目中,使用 ExtGridView 控件显示来自Northwind数据库的客户的table。 客户的订单显示在另一个 ExtGridView 中作为嵌套内容。 最后,订单细节显示为订单网格中行的嵌套内容。 如果需要,在运行示例项目时,请修改 web.config 中的连接字符串。

请注意,你可以将任何其他 ASP.NET 控件( 或者HTML代码) inside 放置在 ItemTemplate 中,而控件将显示为嵌套的内容,而不是最后一列的网格。

Points of Interest

自定义按钮的展开/折叠外观

ExtGridView 控件定义了可以用于自定义展开/折叠按钮外观的以下属性:

  • ExpandButtonCssClass - 指定用于展开按钮的CSS类名称。
  • CollapseButtonCssClass - 指定用于 collapse 按钮的CSS类名称。
  • ExpandButtonText - 指定展开按钮( 默认值为"+")的文本。
  • CollapseButtonText - 指定 collapse 按钮( 默认值为"-")的文本。

注意,你可以将HTML代码指定为 ExpandButtonTextCollapseButtonText 属性的值。 ( 这可以作为 IE 中的'带有 background 图像闪烁的锚点'Bug的解决方法。)

<cc:ExtGridViewrunat="server"id="grid1"ExpandButtonText="<img src='Images/expand.gif' alt='+' border='0'/>"CollapseButtonText="<img src='Images/collapse.gif' alt='-' border='0'/>"...

隐藏展开/折叠按钮

ExtGridView 中的每一行实际上都是 ExtGridViewRow 类的一个实例。 因此,控件中的任何类型为row的对象都可以转换为 ExtGridViewRow。 因这里,当你想隐藏 ExtGridViewRow 控件中的行时,首先将 GridRow 对象转换为 ExtGridViewRow,然后使用 ShowExpand 属性指定展开/折叠按钮。

ExtGridViewRow row = grid.Rows[0] as ExtGridViewRow;
row.ShowExpand = false;

历史记录

  • 2005-11-21 - 第一个版本版本。
  • 2005-11-24更新按钮的展开/折叠行为。
  • 2005-11-28添加了由. NET 1. x. 支持的ExtDataGrid 控件
  • 1 - 添加了一个使用控件 (.NET 1.1的示例项目。

ext  
相关文章