DWR帮助说明－如何编写通用的单行编辑框

  也许朋友们会以为这是DWR官方发布的什么帮助，但非常遗憾这不是。现在不少朋友在使用DWR开发项目，我也是其中之一，但苦于关于DWR的帮助文档实在太少，很多问题都不得不自己去钻研DWR的源码才能解决或理解。经过一段时间的苦苦钻研，总结出那么一点点心得，现在从DWR源码实现的角度详细讲解DWR的使用，写出来与大家分享。今天我谈一谈如何编写通用的单行编辑框。

当我们需要编辑某行数据的时候，可以将该行的数据设置到一个已经设计好的单行编辑框中进行编辑。在编辑完成以后，点击“保存”按钮，DWR可以采用ajax的方式访问服务器，将数据保存到数据库中。怎样设计一个单行编辑框呢？让我们一步一步来完成吧。

1、设计页面。

addoptions(eleid, data, valueprop, textprop);

DepartmentBus.findDepartment(
    function(resultset){    
        addoptions(‘department’,resultset.collection,
            ’departmentId’,’departmentName’);});

2、设计清除函数

var department = new Department();
dwr.util.setValues(department);

3、设计编辑函数

当我们在列表显示框中选择了某行并点击“编辑”按钮以后，需要一个编辑函数将该行的数据设置到单行编辑框中。用DWR怎样设计编辑函数呢？前面提到，在列表显示框装载查询结果集的时候，我们同时也将结果集放置到了一个叫objCache页面端数据缓存中。当用户点击“编辑”按钮时，需要将该行的行好以参数的形式传递给编辑函数，然后编辑函数将到objCache中取得该行的值对象，最后使用setValues()将该值对象设置到单行编辑框中。

4、设计保存函数

var department = new Department();    
dwr.util.getValues(department);    
dwr.engine.beginBatch();
DepartmentBus.updateDepartment(department);
dwr.engine.endBatch();
objCache[curid] = obj;

5、设计删除函数

当我们在列表显示框中选择了某行并点击“删除”按钮的时候，我们需要设计一个删除函数来删除该行数据。删除函数的设计与保存函数的设计比较近似，这里我就不再累赘了，朋友们自己思考吧。