jqGrid,强大的jquery表格插件

  jqGrid是一款基于jQuery框架功能强大表格显示数据处理插件,使用jqGrid通过jquery ajax加载动态页返回的json或者xml等其他数据,实现数据表格的显示。   底层表格(Basic Grid):jqGrid开发简单,用户很容易安装管理。

  1. CSS控制样式:jqGrid兼容jquery UI主题。开发者可以使用UI CSS Framework改变表格的皮肤。
  2. 速度快:最新版本渲染引擎改进加载速度,在一些情况下快于之前版本的5~10倍。
  3. 分页:这个特性允许开发者定义每页显示多少条数据,生成导航,其他数据将在用户点击导航之后才从服务器下载。
  4. 列可以调整:列的宽度可以通过鼠标拖拽修改
  5. 排序并且支持多种数据类型:可以点击表格对记录进行排序。开发者可以指定多种多样的排序类型,包括字符串,数字,布尔值,链接,下拉框和百分比
  6. 事件处理处理和用户API:事件处理程序和多种方法使开发正不需要写很多代码就能灵活多变的功能。
  7. 滚动加载数据:这个功能允许通过垂直滚动条的滚动自动加载数据而不需要通过分页导航。
  8. 使用本地数据作为数据源:jqGrid可以使用本地定义的array数据作为数据源。
  9. 可以和任何服务器端进行交互,如asp,asp.net,php,perl等。
  10. 多浏览器支持:支持IE6+,firefox2+,safari3+,opera9.2+和chrome浏览器
  11. 多语言支持:目前jqGrid支持超过20种语言,不过我下载的版本没有支持中文简体或者繁体。
  12. 支持xml,json和数组作为数据源。另外一个有用的特性是你可以定义自己的数据类型。
  13. 子表格对象:使用子表格对象可以显示数据行的子记录。
  14. 子表格和表格对象一样,可以使用grid对象来替代,通过主表格对象的subGrid方法创建子表格。


格式化(Formatting):格式化允许你定义单元格显示的内容

 Formatter

  1. 预定义的格式化类型有:integer, number, date, currency, links, check boxes等。
  2. 开发者可以定义自己格式化函数
  3. 多语言配置


行编辑功能(Inline editing):行编辑功能可以简单的实现每行内容修改

 Inline editing

  1. 支持的编辑类型:text, text area, check box, select, image, button
  2. 客户端数据输入的数据验证


单元格编辑(Cell Editing):支持单个单元格编辑

 Cell Editing

 

  1. 支持的编辑类型:text, text area, check box, select, image, button
  2. 客户端数据输入的数据验证
  3. 可以通过键盘的tab,shift tab,左右上下键进行导航
  4. 多样事件支持


表单编辑(Form editing):jqGrid支持浮动的表单对数据进行修改添加Form editing

  1. 支持的编辑类型:text, text area, check box, select, image, button
  2. 客户端数据输入的数据验证
  3. 可以通过键盘的上下键进行导航
  4. 多样事件支持
  5. 有事件支持完全控制表单的创建到关闭整个过程


查找和过滤(Searching and Filtering):在表格里面的列可以作为表单查询的依据 Searching

  1. 单个字段的查询
  2. 工具栏查询(将查询字段放到表格的页头部分)
  3. 构建复杂的查询提交
  4. 用户定义的标准高级查询


树形表格(Tree Grid):Treegid支持嵌套模型和链接模型Tree Grid

  1. 简单配置
  2. 自动加载树节点
  3. 多样的api支持使操作变得简单


导入导出(Import/Export):jqGrid的配置支持导入或者导出到另外一种文件格式

  1. 支持xml,json,xmlstring,jsonstring格式
  2. 可以导入配置和数据一次


jqGrid最新版本可以去这里下载:http://www.trirand.com/blog/

API翻译来源:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:features

加支付宝好友偷能量挖...


原创文章,转载请注明出处:jqGrid,强大的jquery表格插件

评论(0)Web开发网
阅读(1182)喜欢(0)jqGrid中文API