什么是dhtmlxGrid.doc

提供功能强大的客户端API 可以使用按键操作动幠载入数据缓冲区90% 兼容于DHTMLX 的jTreeTable API (grid 部分)可以完全客制化呈现界面支持XML l2 种预先定义好的数据编辑器(eXcell) 可以自订资料编辑器(eXcell) 提供日期、字符串及数字三种排序方式(date,string,int) 可以调整字段宽度水平及垂直卷动单行或多行的数据列可以单选或多选数据列可以开启或关闭表头版提供的新功能跨列设定群组子数据列巢状的资料方格内建筛选内建搜寻自动计算支持浏览器IE 5.5 以上版本Mozilla l.4 以上版本FireFox 0.9 以上版本Safari l.3 以上版本dhtmlXGrid的运作式按键操作你可以使用下列的按键来操作数据方格： Tab - 跳至同列后一个字段Shift+Tab - 跳至同列前一个字段Up, Down arrows - 跳至上下一列Enter - 若在编辑模式，则关闭编辑模式。Space - 若在选取盒或单选按钮字段，则变更其状幠F2 - 编辑字段数据Esc - 完成编辑在网页上初始化组件mygrid = new dhtmlXGridObject(gridbox);mygrid.imgURL = img/;mygrid.setHeader(Column A, Column B);mygrid.setInitWidths(l00,250)mygrid.setColAlign(right,left)mygrid.setColTypes(ro,ed);mygrid.setColSorting(int,str)mygrid.init();mygrid.loadXML(grid.xml);建构式的参数如下所示：要附挂到数据方格的组件(要比数据方格先加载)。如果没有对象，你可以使用attachToObject函式附挂数据方格到其它对象上。指定额外的参数：imgURL - 指定图标位置setHeader(Column A, Column B) - 设定字段的表头文字setInitWidths(l00,l50) - 设定字段的宽度，以点数为单位(* - 表示尽可能填满的值)setColTypes(ro,ed) - 设定字段的类型(与编辑器有关，详情请参阅文件)setColAlign(right,left) - 设定字段文字的排列位置setColSorting(int,str) - 设定字段的排序方式loadXML(grid.xml) - 从XML 加载数据 事件处理函式从l.4 版的dhtmlxTree/TreeGrid 支持设定事件处理函式的新方法- 使用attachEvent 函式。在设定事件处理函式时，你必须知道事件名称以及定义好处理函式。事件名称表列于附件。function doOnRowSelected(id).function doOnCellEdit(stage,rowId,cellInd)if(stage=0).return true;else if(stage=l).else if(stage=2).function doOnEnter(rowId,cellInd).function doOnEnter(rowId,cellInd).mygrid = new dhtmlXGridObject(gridbox);.mygrid.attachEvent(onRowSelect,doOnRowSelected);mygrid.attachEvent(onEditCell,doOnCellEdit);mygrid.attachEvent(onEnter,doOnEnter);mygrid.attachEvent(onCheckbox,doOnCheck);.mygrid.init();mygrid.loadX