dwr的util.js使用-addOptions

gzwfdy

dwr.util.addOptions()
这个方法可以给ol, ul,select添加元素。如果是ol, ul就添加li如果是select就添加option。
数据来源可以是字符串数组，对象数组，map.
1.字符串数组
如果数据是字符串数组
dwr.util.addOptions(id, [ "one", "two", "three" ],[options]);
id的是ol, ul,select的id，数组元素按顺序添加到ol, ul,select中。还可以后有个可选参数[options]它可以是{escapeHtml:false/true},false解析html标记，true就不解析。
例如
dwr.util.addOptions(id, [ "<br>one", "two", "three" ],{escapeHtml:false});
这样添加之后one的前面就多了一个空行。
dwr.util.addOptions(id, [ "<br>one", "two", "three" ],{escapeHtml:true});
为true则把<br>one当做一个字符串显示。
这样生成的option中value和id是相同的。
2.对象数组
var data = [ { name:"Fred",age:10 }, { name:"Jim",age:20 } ];
dwr.util.addOptions(id, data, "name",[options]);
id：是ol, ul,select的id。
data：数据源
name:对象数组中哪个属性值作为添加项。
[options]:同上。
还可以指定select的value和text的值
dwr.util.addOptions(id, data, "name","age",[options]);
这样写的话select显示的是age对应的值，value值就是name对应的值。
3.map
与对象数组类似
dwr.util.addOptions(selectid, map, reverse);
reverse:默认情况下key对应select的value,value对应option的text。如果这个设置成true，则与默认情况相反。
dwr.util.addOptions(selectid, map, valueprop, textprop);
这个方法可以指定要显示的内容。