dhtmlxgrid使用方法.ppt

使用链接类型列 dhtmlXGridObject“link”类型列链接写法： 链接文字^链接 如：到Google的链接应写为： Google^ 本例中，使用链接“点击执行页面dd函数^javascript:dd();”调用了页面中的dd函数，显示该行进行提交时会发送的URL。 提示：dhtmlXGridObject会自动过滤掉链接中的所有引号。因此调用页面函数时不能加参数。如想获得被点击的链接所在的行，在被调用函数中使用以下语句： var rId=mygrid.getSelectedId(); 加载下拉列表 dhtmlXgrid支持下拉列表（coro）与复合式下拉列表（co） 用法详见doc版文档 服务器端简介 本示例服务器端采用WebWork框架实现，采用了分层架构，用到了proxool数据库连接池、log4j进行log记录，数据库使用的是Oracle。 但实际上实现的也是传统的接收url，返回数据的操作。 服务器端文件 WebWork框架下，表现层的实现，需要xwork.xml配置 包com.framework.action UsersGridAction 对应usersgrid.action的处理，初始化一个针对users表的GridTable对象，并根据客户端传来的参数，调用其对应方法 包com.framework.model GridTableRequest 对usersgrid.action客户端传来参数的封装 /tools/ xmlWrapper.jsp 对usersgrid.action处理完成生成的xml的包装显示 业务逻辑层 包com.util.UI GridTable 对应于dhtmlXGrid所需各种业务处理的通用类，接收参数，返回处理结果的xml表示 数据访问层 包com.framework.DAO GridTableDAO 对应GridTable，针对Oracle的数据库访问类。封装了对数据库的各种操作 实现简介 前台gridtable.html是一个静态页面，获取及修改数据全部是通过使用javascript后台调用usersgrid.action并处理这个Action返回的xml实现。 在WebWork的配置文件xwork.xml中配置，将usersgrid.action映射到com.framework.action 包中的UsersGridAction类进行处理：action name=usersgrid class=com.framework.action.UsersGridAction result name=success type=dispatcher/tools/xmlWrapper.jsp/result/action UsersGridAction类有一个com.framework.model.GridTableRequest 包下的GridTableRequest类型的私有成员req，并为其增加get和set方法，用以接收用户传来的参数。一个String类型的xmlContent成员，用以存储对生成的xml。并传送给xmlWapper.jsp。将其发送到客户端。一个com.util.UI.GridTable类型的grid对象，用于对gridetable的业务处理 com.util.UI.GridTable类调用com.framework.DAO.GridTableDAO进行数据访问处理。 整体结构图示 javascript后台调用usersgrid.action usersgrid.html com.framework.action.UsersGridAction GridTableRequest xmlWapper.jsp com.util.UI.GridTable com.framework.DAO.GridTableDAO WebWork框架下的实现 对于普通的调用，该jsp就应该是展现给用户的界面了。 但此处usergird.html需要接收服务器端返回的xml，所以这个jsp返回的是xml信息 数据库 dhtmlXGrid表格显示控件简介 dhtmlxGrid 功能简介 优美的表格化数据显示，用户可用鼠标拖动方便地改变各列的宽度 支持客户端表格排序，只需单击要排序列的表头。并且支持设置列的数据类型（数字、字符串、日期），按类型排序 页面所有数据操作全部采用Ajax技术后台处理，整个页面只会加载一次，所有操作均仅更新页面相应区域，页面不会整体刷新。 支持原位编辑，双击要编辑的单元格即可进入编辑模式，编辑完成，按回车自动后台提交。并可在提交前设置客户端数据验证。 可以动态添加新行、删除选中行。 日期格式提供日历可供选择 支持分页。 示例页面实现