首页 > Dhtmlx > dhtmlx dataProcessor中文帮助文档

dhtmlx dataProcessor中文帮助文档

简要说明

dhtmlxDataProcessor是用来为dhtmlxGrid/TreeGrid/Tree组件添加进度。从服务器端加载数据,用户进行增,删,改,服务器验证输入数据正确与否的操作的过程中显示进度。进度条有两个部分组成,一客户端代码主要是一些用例,服务器端代码主要用来根据客户端的请求进行相应的业务逻辑。

导入css,js等资源文件

<script type="text/javascript" 
    src="../dhtmlxGrid/codebase/dhtmlxcommon.js"/>
<script type="text/javascript" 
    src="../dhtmlxDataProcessor/codebase/dhtmlxdataprocessor.js"/>
<script type="text/javascript" 
    src="../dhtmlxDataProcessor/codebase/dhtmlxdataprocessor_debug.js"/>

客户端初始化

var dp = new dataProcessor(url);
dp.init(mygrid);

url 服务器端的相对或绝对路径
进度条的默认更新模式是自动开启的,需要时可以设置dp.setUpdateMode(“off”)来关闭

调整服务器端代码

A 从请求中获得参数,参数都GET请求的一部分。
gr_id 执行操作的行ID
inativeeditor_status 操作的状态 三种inserted,deleted,updated 基于操作状态的值触发服务器端相应的业务操作。
cid 执行操作的行的列ID
B 执行必要的数据库操作
C 返回操作的结果信息。
服务器端响应信息必须按下列格式:

<data>
    <action type="操作类型(update,delete,insert)" 
    sid="执行操作前的行ID" tid="操作后的行ID" />
</data>

Sid与tid 当insert,delete操作时不同,当更新操作时相同。
dp.enableDebug(true)可以切换到debug模式调试,显示发送到服务端的数据和返回的响应结果。
数据发送我们可以操作一行请求一次,也可以批量操作,多行请求一次。
客户端响应有三种delete ,update,insert ,客户端需要获取服务端的基本操作信息以及错误提示,在这种情况下我们可以设置响应类型。
dp.defineAction(“error”,my_action);
配置load.xml文件

<data>
     <action type="error" sid="id" tid="id">Details</action>
</data>

相应的响应错误的my_action函数

function my_action(node){
    alert(node.getAttribute("action"));// error
    alert(node.firstChild.data);    // Details
    return false;
}

客户端有三个通用任务
A 等待更新操作的完成,进度条提供了一种事件,当更新数据到服务器的时候可以为请求申请一段时间响应。
B 当检测到只对一行数据进行编辑时可以直接调用API函数。
grid.cells(id,ind).setValue(new_one)
dp.setUpdated(id,true);
C捕捉阻止更新操作的错误信息,我们可以定义一个标志。

dp.defineAction("error",function(){
   // any code
   dp.stopOnError = true;
})

除非注明,文章为IT热血青年原创,欢迎转载!转载请注明本文地址,谢谢。
本文地址:http://blog.itblood.com/the-chinese-dhtmlx-dataprocessor-help-documentation.html

  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.