DWR帮助说明－如何编写通用的列表显示框

3、执行一个循环语句，从resultset中依次取出值对象，然后使用DWR的函数cloneNode使用模板行克隆一个新行，然后使用数个DWR的函数setValue将值对象中的属性设置到这个新行的对应列中。当然，这个新行的各个列的id应当设置成属性名加列号。比如在设置第三行时，应当将该行的“部门编号”列的id设置为“departmentId002”，并在向该列赋值的时候写为：setValue(‘departmentId002’, vo.departmentId);其中vo就是这个值对象。另外，在完成对该行的赋值操作以后，为了今后的执行效率考虑，将一个叫objCache的变量作为页面的结果集缓存，将该行的值对象放进这个数组变量中。

经过这样三个步骤，DWR就实现了从后台查询出数据集并写入到页面的表格中。但这样一个过程我们可不可以写一个通用的代码，使得各种不同表的不同数据都可以通过少量程序就可以完成了？但不幸地是，以上的代码不能直接抽象出一个通用代码，我们必须需要进行改造。问题出在第三个步骤的setValue()函数。按照示例的思路，对于Department应当这样写：

setValue(‘departmentId002’, vo.departmentId);

setValue(‘departmentName002’, vo.departmentName);

而对于另一个表格Employee应当这样写：

setValue(‘emplyeeId002’, vo.employeeId);

setValue(‘name002’, vo.name);

setValue(‘sex002’, vo.sex);

也就是说，我们不得不根据值对象的不同分别去写setValue语句而不是一个通用语句。但所幸的是，DWR还提供另一个函数setValues()，你只需要将值对象传给它，它将把id等于属性名的对象设置为该属性的值，比如有个id等于departmentId的text框就会被setValues()设置成显示departmentId对应的值。然而这里使用setValues()有一个问题，值对象中只有departmentId属性，而在表格中我们为了区别不同的行，将每行的“部门编号”标签的id设置为departmentId000、departmentId001、departmentId002……与属性名不一致了。怎么办呢？如果我们把setValues()进行一些改造，使其能够提供后缀的功能就迎刃而解了，即将后面的序号作为后缀，以参数的形式传给setValues()，这样一个通用的列表查询函数就写出来了。具体的做法是我重新实现了DWR的setValues()和_getDataProperties()并提供了3个将结果集填充到表格的函数fillTable()、fillResult()和fillTableWithCache()。fillTable()用于直接将结果集填充到表格中，fillResult()将表格填充的同时还实现了无刷新页面翻页的功能，而fillTableWithCache()则用于当数据更新时不查询后台而直接通过页面的结果集缓存变量刷新数据。具体的实现见我提供的示例。

二、前缀

前面我提到了后缀的功能，即页面在列表显示的时候，为了使表格中的数据既可以与值对象的属性对应，又可以使各列之间的id名称有所区别，在将标签的id名称设置为“属性名＋行号”，这个行号就是后缀。然而DWR还提供了前缀的功能，这又是什么意思呢？

DWR一个非常重要的特点是将页面的id与后台值对象的属性名对应起来。通过这样，过去我们在MVC需要做的非常烦杂的，将页面的form中一个一个取出数据，再一个一个放到值对象的工作，变成了一个简单的setValues()的操作。但是这样却带来了另一个问题：同一个表的数据在一个页面中需要在多个部分显示，就会出现多个标签使用同一个id形成冲突的问题。比如，一个非常普遍的应用，在一个页面中同时包含一个列表显示框和一个单行编辑框。当用户选择列表显示框中的某行并点击“编辑”按钮，该行的信息将显示在单行编辑框中进行编辑，编辑结束并保存后将更新该行到列表显示框中。在列表显示框中如果显示的是所有部门的信息时，虽然各行标签的id取名为“属性名＋行号”，但列表框中那个用于克隆的模板行却是取名为值对象的属性名，如departmentId、departmentName等。而在该页面中的单行编辑框中显示的也是部门信息，因此取名也是部门值对象的属性名。这样，在这个页面中将有两个id为departmentId的标签，两个id为departmentName的标签，id出现了冲突。众所周知，在一个页面中id应当是唯一的，如果出现id冲突将出现错误。解决这个问题的办法当然就是使用前缀。

如果在设计页面的时候出现id冲突，我们可以在id前添加一个前缀，如在departmentId前添加一个tbody，写成tbody. departmentId，而另一个添加另外的前缀，id冲突的问题就解决了。对于添加了前缀的标签，在调用setValues()和getValues()函数的时候应当将前缀作为参数传递过去，写法如下：

setValues(department, { prefix:tbodyid, postfix:id });

后面的后缀就是我重写setValues后提供的功能。

示例：一个dwr+spring+hibernate的示例