DhtmlxGrid交流.docVIP

DhtmlxGrid交流 一、文件列表及功能简介 / usersgrid.html dhtmlXGrid数据显示及修改示例 getval.html 对第1列修改时弹出的页面 /js dhtmlXCommon.js dhtmlXGrid基本js文件（必需） dhtmlXGrid.js dhtmlXGridObject对象的定义（必需） dhtmlXGridCell.js 单元格操作定义（必需） dhtmlXGrid_excell_link.js 对link（超链接）列类型的支持（可按需载入） dhtmlXGrid_excell_calendar.js 对calendar列类型的支持（可按需载入） calendar\ 对calendar列类型的支持（与dhtmlXGrid_excell_calendar.js协同工作，同时载入） styles dhtmlXGrid.css 样式表 images blanc.gif 表格显示所需空白图片 blank.gif 表格显示所需空白图片 item_chk0.gif 复选框未选中 item_chk0_dis.gif 复选框被禁用 item_chk1.gif 复选框选中 item_chk1_dis.gif 复选框选中时被禁用 sort_asc.gif 正序排序 sort_desc.gif 逆序排序 二、实例(部分代码) a.页面数据加载(必需导入的文件) link href=styles/dhtmlXGrid.css rel=stylesheet type=text/css script src=js/dhtmlXCommon.js type=text/javascript/script script src=js/dhtmlXGrid.js type=text/javascript/script script src=js/dhtmlXGridCell.js type=text/javascript/script script src=js/dhtmlXGrid_excell_link.js/script!--对列“link”属性的支持-- script_css_prefix=styles/; _js_prefix=js/; /script!--对列“calendar”属性的支持-- script src=js/dhtmlXGrid_excell_calendar.js/script!--对列“calendar”属性的支持— b.基本信息设定代码 script // 需修改部分1开始 // 设置获取初始数据的url var loadDataURL = ./usersgrid.action?req.type=getUsers; // 设置用于处理添加、删除、修改数据的url。类型会以req.type参数给出 var actionURL = ./usersgrid.action; var mandFields = [1,1]; //设置必填列，1－必填 var defaultValue=,,1,不能操作; //设置添加新行时的默认值，列与列之间以“,”分隔，空值直接留空，单选、复选选中状态为1 // 需修改部分1结束 var mygrid; …… c.表格初始化 页面加载完毕时，由body onload=doOnLoad()指定执行doOnLoad函数，初始化gird对象，并获取第一页的值。 // 初始化grid，此方法由body标签的onload事件调用 function doOnLoad(){ mygrid = new dhtmlXGridObject(gridbox); mygrid.setImagePath(images/); // 需修改部分2开始 // 设置列属性 mygrid.setHeader(用户名,密码,复选,操作,日历); mygrid.setColTypes(ed,ed,ch,link,calendar); mygrid.setColSorting(str,str,,,date); mygrid.setInitWidths(150,150,50,150,80);//设置初始列宽 mygrid.setColAlign(center,center,center,left,center);//设置对齐方式 mygrid.setColumnColor(#f7f6f0,#ffffff,#ffffff,#ffffff);//设置列的背景色 // 需修改部分2结束 // 基本不再需要修改别的部分。剩下需要注意的问题是现在本页面为WebWork框架修改过，参数的名称为req.type、req.id、req.values。这几个值还在sendServ