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");
还没写完。。。