dwr的util.js使用-addOptions

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

这个方法可以指定要显示的内容。