util.js: 生成Table

来源:互联网 发布:sci和ei数据库的区别 编辑:程序博客网 时间:2024/05/22 03:40
 

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")

例子

原创粉丝点击