util.js: 生成Table

 

util.js: 生成Table

DWR通过这两个函数来帮你操作table： DWRUtil.addRows() 和 DWRUtil.removeAllRows() 。这个函数的第一个参数都是table、tbody、thead、tfoot的id。一般来说最好使用tbody，因为这样可以保持你的header和footer行不变，并且可以防止Internet Explorer的bug。

DWRUtil.removeAllRows()

语法:

DWRUtil.removeAllRows(id);

描述:
通过id删除table中所有行。

参数:

• id： table元素的id(最好是tbody元素的id)

DWRUtil.addRows()

语法:

DWRUtil.addRows(id, array, cellfuncs, [options]);

描述:
向指定id的table元素添加行。它使用数组中的每一个元素在table中创建一行。然后用cellfuncs数组中的没有函数创建一个列。单元格是依次用cellfunc根据没有数组中的元素创建出来的。

DWR1.1开始，addRows()也可以用对象做为数据。如果你用一个对象代替一个数组来创建单元格，这个对象会被传递给cell函数。

你可以写一些像这样的伪代码：

for each member in array  for each function in cellfuncs    create cell from cellfunc(array[i])

参数:

• id: table元素的id(最好是tbody元素的id)
• array: 数组(DWR1.1以后可以是对象)，做为更新表格数据。
• cellfuncs: 函数数组，从传递过来的行数据中提取单元格数据。
• options: 一个包含选项的对象(见下面)

选项包括:

• rowCreator: 一个用来创建行的函数(例如，你希望个tr加个css). 默认是返回一个document.createElement("tr")
• cellCreator: 一个用来创建单元格的函数(例如，用th代替td). 默认返回一个document.createElement("td")

例子