DWR 的方法DWRUtil.addOptions()

DWRUtil.addOptions有5种模式
数组: DWRUtil.addOptions(selectid, array) 会创建一堆option，每个option的文字和值都是数组元素中的值。

对象数组 (指定text): DWRUtil.addOptions(selectid, data, prop) 用每个数组元素创造一个option，option的值和文字都是在prop中指定的对象的属性。

对象数组 (指定text和value值): DWRUtil.addOptions(selectid, array, valueprop, textprop) 用每个数组元素创造一个option，option的值是对象的valueprop属性，option的文字是对象的textprop属性。

对象: DWRUtil.addOptions(selectid, map, reverse)用每个属性创建一个option。对象属性名用来作为option的值，对象属性值用来作为属性的文字，这听上去有些不对。但是事实上却是正确的方式。如果reverse参数被设置为true，那么对象属性值用来作为选项的值。

对象的Map: DWRUtil.addOptions(selectid, map, valueprop, textprop) 用map中的每一个对象创建一个option。用对象的valueprop属性做为option的value，用对象的textprop属性做为 option的文字。

ol 或 ul 列表: DWRUtil.addOptions(ulid, array) 用数组中的元素创建一堆li元素，他们的innerHTML是数组元素中的值。这种模式可以用来创建ul和ol列表。

DWRUtil.addOptions() 方法详解

DWR通常需要填充一个列表框，主要是addOptions和removeAllOptions方法。如果当你更新时需要维护列表，通常需要如下代码：

var sel = DWRUtil.getValue(id);DWRUtil.removeAllOptions(id);DWRUtil.addOptions(id, ...);DWRUtil.setValue(id, sel);DWRUtil.addOptions(selectid,array)
数组的每一个元素的字符串表示值和文本，值和文本属性是一样的。

DWRUtil.addOptions( "demo1", ['Africa', 'America', 'Asia', 'Australasia', 'Europe' ])DWRUtil.addOptions(selectid, data, prop)
数组的每一个元素是一个对象，prop表示值和文本对应的属性名称，这里值和文本属性是一样的。

DWRUtil.addOptions( "demo1",[  { name:'Africa', population:'800m' },  { name:'America', population:'900m' },  { name:'Asia', population:'3000m' },  { name:'Australasia', population:'31m' },  { name:'Europe', population:'700m' }],"name")DWRUtil.addOptions(selectid, array, valueprop, textprop)
数组的每一个元素是一个对象，其valueprop和textprop属性表示值和文本对应的属性名称。

DWRUtil.addOptions( "demo1",[  { name:'Africa', id:'AF' },  { name:'America', id:'AM' },  { name:'Asia', id:'AS' },  { name:'Australasia', id:'AU' },  { name:'Europe', id:'EU' }],"id","name")DWRUtil.addOptions(selectid, map, reverse)
MAP的每一个属性键表示属性值，属性值表示文本，如果reverse属性为true，那么属性键表示文本，属性值表示值。

DWRUtil.addOptions( "demo1",{  AF:'Africa',  AM:'America',  AS:'Asia',  AU:'Australasia',  EU:'Europe'})DWRUtil.addOptions(selectid, map, valueprop, textprop)
Map中的一个对象表示一个入口，其valueprop和textprop属性表示值和文本对应的属性名称。

DWRUtil.addOptions(ulid, array)
第一个参数表示一个ul或者ol元素的ID，每一个数组元素表示一个选项，其字符串表示会作为一个li元素的值。

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/kaz33/archive/2009/11/05/4771896.aspx