当前位置:文档之家› Web表格控件

Web表格控件

神农氏软件公司开发的SmartGrid for 控件,网站/
网上有详细的控件介绍,
可以在线试用、体验控件:/demo/smartgrid/index.htm
图例
图例
简介:
编辑功能
•支持三种编辑模式。

① Edit 模式:鼠标单击时单元格进入编辑状态。

② Active 模式:鼠标单击时单元格进入 Active 状态,用户按下空格键后进入编辑状态,或鼠标双击时单元格进入编辑状态。

③ Fast 模式:鼠标单击时单元格进入 Active 状态,用户按下空格键后进入编辑状态,或鼠标双击时单元格进入编辑状态。

在当前单元格为编辑状态时,用户按下回车键后,下一个单元格进入编辑状态。

•客户端添加、删除行。

用户可以在客户端进行添加、删除和编辑多行的操作,保存时一起提交,无需每次添加、删除行时都要提交到服务器端进行处理。

•行的编辑状态。

在纯 B/S 结构的 Web 页面中, SmartGrid 能够在页面的多次 Round Trip 中保存行的编辑状态(新增、修改、删除、未改)以及行的原始数据,这些状态在 SmartGrid 的数据源没有被重新赋值前一直在 SmartGrid 中保持。

•固定合计行。

在纯 B/S 结构的 Web 页面中,实现了在有固定列的表格中对合计行进行固定。

合计行中的数据是对表体行中相应列数据的合计,且该行不会随表体行的滚动而滚动。

•自动增加行。

在编辑过程中,用户在最后一行的最后一个单元格上回车时,自动增加一行(如果程序员设置允许 SmartGrid 增加行)。

•支持新增行从上一行拷贝数据。

程序员可以设置新增行中哪一个单元格的数据可以从上一行拷贝。

•支持程序员对新增行的数据进行初始化。

•在编辑状态下,支持客户端列间计算。

在纯 B/S 结构的 Web 页面中,实现了 Grid 中多个单元格之间的运算关系。

•支持程序员修改单元格的编辑状态。

在编辑的过程中, SmartGrid 支持程序员根据业务逻辑来设置某个单元格为允许编辑或禁止编辑。

•支持数据多种编辑方式。

SmartGrid 支持参照编辑、 Combox 编辑、CheckBox 编辑、日期编辑、 Button 等多种编辑方式,开发者也可以定义自己的列编辑器。

•支持程序员对编辑器的各种事件进行处理。

如初始化、校验等。

•数据校验。

支持程序员在客户端对所输入的数据进行校验,无需向服务器提交校验,大大减少了向服务器提交数据的次数。

•自定义数据校验。

支持程序员定义的自己的校验方法。

•错误提示。

当用户输入错误或无效数据时,支持程序员提示错误信息。

•全键盘操作,即强大的客户端键盘导航。

SmartGrid 提供了异常强大的快捷键功能,无需鼠标参与,即可方便地完成全部操作。

用户通过键盘可方便快捷地对表格中的数据进行编辑。

例如,同时按下“ALT+I” 键插入一行,或同时按下“CTRl+D” 删除一行;用方向键使光标在单元格之间上下左右移动,或用“HOME” 或“END” 分别激活某行中位于行标题后的第一个或最后一个单元格,等等。

用户界面
•固定表头。

表头行不会随表体数据行滚动而滚动。

•多行表头。

即表头可以有多行。

•行头。

位于其他单元格的前面,显示行索引、单击时选择当前行。

•合计行。

该行中的数据是其它行相应单元格中数据的合计,且该行不会随表体中其它行的滚动而滚动。

•固定合计行技术。

在纯 B/S 结构的 web 页面中,能够实现 Grid 中合计行的固定。

•合计行金额大写。

程序员可以设置合计行金额单元格为中文大写。

•固定列。

列不会随表体数据的滚动而滚动。

•移动列。

用户可以通过拖放列头来改变列的位置。

•修改列宽。

用户可以通过拖动的方式修改列的宽度,程序员也可以锁定某列的列宽。

•锁定指定列宽。

•列类型。

SmartGrid 定义了普通列、文本框列、复选框列、下拉列表框列四种列类型,程序员也可以定义自己的列类型。

•排序。

用户可以通过点击列头对某列进行排序。

SmartGrid 提供了两种排序方式:① 客户端排序。

当用户单击列头时,基于客户端的数据按升序、或降序进行排序;② 服务器排序。

当用户单击列头时,排序事件触发到服务器端,程序员可以在服务器端响应排序事件。

•显示 / 隐藏列。

程序员可以通过设定列的可见属性来实现列的显示与隐藏。

•状态条。

用来显示 SmartGrid 的当前操作信息, SmartGrid 也为程序员在客户端脚本中操作该状态条提供了接口。

•命令条。

命令条上提供了行插入、删除、编辑、取消等操作的按钮,用户可以非常简洁的执行这些操作。

•自动提示条。

当单元格的字符长度大于列宽时,文本会自动适应列宽(多出部分以“…”显示),在鼠标悬停时显示完整单元格内容。

•自定义定位。

程序员可以自定义自己的定位逻辑。

•分页、自定义分页。

除了 SmartGrid 提供的分页方式外,用户还可以定义自己的分页方式。

•分页导航条。

SmartGrid 分页导航条不仅包括“首页”“上一页”“下一页”和“末页”按钮,还可以输入数字跳到任一页。

分页导航条的位置可置于Grid 的上方或下方,也可以同时出现在 Grid 的上方和下方。

除此之外,分页导航条的按钮在分页导航条中可以“左对齐”“右对齐”或“中间对齐”。

•自定义样式。

程序员可以使用 SmartGrid 自带的样式定义文件
( SmartGrid.css ),也可以禁止使用缺省的样式文件,而使用自己的样式定
义。

开发者也可以对样式文件中的 class 重新命名(具体参见 SmartGrid 的样式 class 属性如: SelectedCellStyleName )。

其他特点
•懒加载(LoadOnDemand)。

懒加载是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。

•数据源支持。

SmartGrid 支持 DataSet 、 DataTable 、 XML ,以及实现IDataReader 的 DataReader ,如 SqlDataReader 、 OracleDataReader 、OleDbDataReader
•设计期支持。

SmartGrid 对 Visual 2003 提供了非常好的设计期支持,开发者可以通过 设计器添加删除列、设置列的属性,以及设置Grid 的属性。

•行选择方式。

SmartGrid 提供了三种行的选择方式:① 无选择,即不允许用户进行选择;② 单行选择方式;③ 多行选择模式。

在多行选择方式下,用户可以通过 SHIFT+ 方向键或鼠标进行连续选择,也可以通过 CTRL+ 方向键或鼠标进行不连续选择。

•脚本编程。

SmartGrid 提供了大量脚本编程接口,如用户的双击、单击事件、右键事件、回车事件、行增加事件、行删除事件、懒加载事件以及获取用户选择的数据、操作单元格的数据等。

•格式化。

SmartGrid 对文本、日期、数字、百分比提供了缺省的格式化方法,程序员也可以定义自己的格式化方法。

•检索。

SmartGrid 提供了三种检索方式:① 对客户端已有的数据进行检索;
② 在服务器端对所有的数据进行检索;③ 用户自定义检索方式。

相关主题