dhtmlxgrid 控件使用

dhtmlxgrid 主要是一个开源的表格控件,它有标准版和专业版本,标准版只提供一些基础功能,而专业版提供了一些复杂的扩展功能,包括表格分割等等,它现在最新版本为3.5,下载地址为:http://www.dhtmlx.com/docs/download.shtml

下载下来,解压缩后,有3个文件夹,codebase、samples、sources ,codebase这个文件夹里面是打包好发布的文件、samples里主要是一些简单的例子,sources文件夹里是源代码。


这里主要讲前台的操作:

它的核心是3个js:

1.dhtmlxcommon.js, 基本dhtmlxgrid js定义

2.dhtmlxgrid.js , dhtmlXGridObject对象定义

3.dhtmlxgridcell.js ,单元格操作定义


基本用法:

var grid_data = [['dfdsf','Link^javascript:openXYTipsWindow("www.baidu.com");'],['3111','Stephen King^http://www.stephenking.com/the_author.html']];
var mygrid = new dhtmlXGridObject('gridbox');
mygrid.setHeader("Sales,Book Title");
mygrid.setInitWidths("50,150");
mygrid.setColAlign("right,left");
mygrid.setColTypes("dyn,edtxt");
//mygrid.setColumnsVisibility("true,false");
mygrid.init();
mygrid.setSkin("dhx_skyblue");
mygrid.parse(grid_data,"jsarray");

还没写完。。。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dhtmlxGrid 启用Ajax的JavaScript网格制与尖端功能,强大的数据绑定,并与大型数据集的出色表现 。组件是易于使用,并提供了极大的灵活性,由于其丰富的客户端 API 。dhtmlxGrid支持不同的数据源(XML,JSON,CSV,JavaScript数组,和HTML表格),也可以从自定义的XML格式加载。 网格组件可以轻松实现丰富的单元格内编辑和内置的好看的DHTML表(通过CSS或预定义的皮肤管理),过滤、搜索和分组功能。众多的事件处理程序,可以添加必要的交互性到您的基于网格 的接口。智能渲染和分页支持,让这个JavaScript的DataGrid有效地开展工作,甚至与庞大的数据集。 作为一个100%的客户端的JavaScript解决方案,dhtmlxGrid可以集成与任何服务器端技术(PHP,JAVA的Ruby - on – Rails等 )。dhtmlxConnector库Ajax支持,提供实时保存和更新服务器上的网格数据的情况下自动重新加载页面的能力。 dhtmlxGrid支持强大的功能,如必要的基于Web的电子表格、合并单元格、拆分模式、网格列拖动和拖放或脚本方法和数据复制到剪贴板(CSV格式) 。AJAX DataGrid的可扩展架构允许您使用自定义单元格编辑器(每一个细胞的基础上)的外部元件,提供的能力,极大地丰富了网格功能。 DHTMLX库的一部分,dhtmlxGrid可以很容易地与其他元件集成在一个共同的应用程序使用的接口 dhtmlxLayout。有了一个新的皮肤,在2.5版 本中引入,所有DHTMLX组件了光滑和干净的外观,它可以完全匹配任何现代的网站或应用程序的设计。 dhtmlxGrid表格展现通过加载XML文件来载入表头、表尾、表格数据实现展现、操作、回写功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值