SDXGrid V 1.0.1.5 ( vs 2005 )

分享于 

7分钟阅读

Web开发

  繁體

Screenshot - sdxGrid.JPG

介绍

SDXGrid是微软. NET 2.0万维网应用程序开发人员的全面数据网格组件。 它是为了简化在简单数据表示对象中实现排序。导航。分组。搜索和实时数据编辑的过程。 通过将这个智能网格控件拖放到web窗体上,所有功能都是通过SDXGrid立即实现的。 这使得时间可以集中于其他创新软件方面。 SDXGrid还带有广泛可以定制的格式选项,这是吸引人的网页的。 你可以自定义这里网格控件的几乎每个可视属性,就像使用普通 Visual Studio. NET 2005控件一样。 有关更多信息,请参见我的在线演示工具。

安装

需要 Visual Studio 2005.

  • 将"sdxgrid"文件中的文件夹复制到 %SystemDrive%Inetpubwwwrootaspnet_client
  • 打开网站项目。
  • 将 SDXGridControl.dll 文件添加到工具箱。
  • 将SDXGrid控件拖到页面上。
  • 在网格控件中将 ResourcePath 属性设置为你复制到项目中的sdxgrid文件夹位置。

或者,你可以使用演示项目而不是创建新项目。

使用代码

SDXGrid是从 System.Web.UI.WebControls.GridView 控件继承的。 因此,使用这里控件几乎与使用 GridView 控件相同。

Group by

SDXGrid允许你立即使用选定的字段进行分组。 要激活网格的分组功能,你只需要将 AllowGroupBy 属性设置为 true,这也是缺省值。

Screenshot - GroupBy.jpg

设计模式
<cc1:sdxgridid="SDXGrid1"runat="server"AllowGroupBy="true"></cc1:sdxgrid>

分页

要在网格中激活分页功能,需要将 AllowPaging 属性设置为 true,这也是默认值。 你还必须将 PageSize 属性更改为你的首选项。 PageSize 是数据源中每页显示的行数。

Screenshot - Paging.jpg

设计模式
<cc1:sdxgridid="SDXGrid1"runat="server"AllowPaging="true"PageSize="50"></cc1:sdxgrid>

排序

若要在网格中激活排序功能,需要将 AllowSorting 属性设置为 true。 当用户单击列标题时,它会根据你的列类型自动在客户端中排序。 如果列类型为整数,则它将进行数字排序。 如果它是字符串,它将进行字符串排序。Screenshot - Sorting.jpg

设计模式
<cc1:sdxgridid="SDXGrid1"runat="server"AllowSorting="true"></cc1:sdxgrid>

搜索

若要在网格中激活搜索功能,需要将 AllowSearch 属性设置为 true。 它使用类似'%keyword% Pattern for搜索。 关键字是指用户输入。 用户可以搜索所有字段,也可以搜索特定字段。Screenshot - Search.jpg

设计模式
<cc1:sdxgridid="SDXGrid1"runat="server"AllowSearch="true"</cc1:sdxgrid>

样式

所有样式对象都是从 TableItemStyle 或者 TableStyle 对象继承的。 可用的TableItemStyle 对象包括:

  • SearchStyle
  • GroupByTableItemStyle
  • GroupByItemStyle
  • SelectorItemStyle
  • HeaderStyle
  • RowStyle
  • AlternatingRowStyle
  • PagerStyle
  • SelectedRowStyle

可用的TableStyle bjects包括:

  • GroupByTableStyle
  • NavigatorStyle
  • SearchStyle
设计模式

查看示例页面了解详细信息。

数据编辑

如键盘导航部分所示,可以通过双击单元格或者按F2按钮来编辑单元格。 若要删除行之后的行,可以单击键盘中的删除按钮或者网格左下角的删除按钮。 网格左边的添加按钮允许在网格中添加一行。Screenshot - Editing.jpg

SDXGrid不传送 GridView 事件,但它有 OnUpdate 事件。 你可以捕获已经更改的数据集,并查看。 如果编写 DataAdapter,则可以使用这里数据集轻松更新数据。

设计模式
<cc1:sdxgridid="SDXGrid1"runat="server"ononupdate="SDXGrid1_OnUpdate"></cc1:sdxgrid>
编码代码
// SDXGrid Update Event protectedvoid SDXGrid1_OnUpdate(object sender, 
 SDXGridControl.OnUpdateEventArgs e)
{
 MyDataAdapter.Update(e.Dataset);
}

行编辑模板( 新) !

要激活模板编辑,你需要将 AllowEditTemplate 属性设置为 true。 之后,在设计器中右键单击你的网格控件。 在弹出菜单中,转到编辑模板并选择 EmptyDataTemplate。 抱歉,我没有时间来确定如何更改这里名称:(。 编写自己的设计并设置控件绑定。 控件的名称必须为 #FieldName(datasource column name)。 你还需要两个按钮: 一个用于ok一个用于取消。 把它们放在下面的。Screenshot - EditTemplate.jpg

设计模式

查看示例页面了解详细信息。

键盘导航

SDXGrid允许你使用常用的键盘功能。

  • 箭头: 可以使用箭头在单元格之间进行导航。
  • F2: 编辑当前单元格。
  • 输入 : 接受你在当前单元格中所做的更改。
  • Esc: 它拒绝你在当前单元格中所做的更改。
  • 删除: 删除所选行。
  • 按 Ctrl : 按住Ctrl键,你就可以选择多行。

数据更新

网格左下角的保存按钮将对网格控件的更改回发。 要检索更改,你只需要实现 grid.EventArgs 对象的onupdate属性。 这只返回对数据集的更改,而不返回整个数据集。 然后你就可以用这些数据。

注:SDXGrid支持几乎所有的System.Web.UI.WebControls.GridView 属性。 在使用数据源对象设置SDXGrid数据源后,必须选择 DataField s 并设置它的属性。 SDXGrid从它的DataTable 对象类型获取字段类型。 你还应该设置页面导航的页面大小和页面索引。 不需要为排序和分组设置任何内容。

历史记录

  • 5 2006年05月 --原始版本已经发布
  • 14 2007年06月 --更新

相关文章