[b]dwr.util.addOptions()[/b]
这个方法可以给ol, ul,select添加元素。如果是ol, ul就添加li如果是select就添加option。
数据来源可以是字符串数组,对象数组,map.
[b]1.字符串数组[/b]
如果数据是字符串数组
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是相同的。
[b]2.对象数组[/b]
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对应的值。
[b]3.map[/b]
与对象数组类似
dwr.util.addOptions(selectid, map, reverse);
reverse:默认情况下key对应select的value,value对应option的text。如果这个设置成true,则与默认情况相反。
dwr.util.addOptions(selectid, map, valueprop, textprop);
这个方法可以指定要显示的内容。
这个方法可以给ol, ul,select添加元素。如果是ol, ul就添加li如果是select就添加option。
数据来源可以是字符串数组,对象数组,map.
[b]1.字符串数组[/b]
如果数据是字符串数组
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是相同的。
[b]2.对象数组[/b]
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对应的值。
[b]3.map[/b]
与对象数组类似
dwr.util.addOptions(selectid, map, reverse);
reverse:默认情况下key对应select的value,value对应option的text。如果这个设置成true,则与默认情况相反。
dwr.util.addOptions(selectid, map, valueprop, textprop);
这个方法可以指定要显示的内容。
本文详细介绍了dwr.util.addOptions()方法的功能及其使用方式。该方法支持为ol, ul, select元素添加选项,数据源可以是字符串数组、对象数组或map。文章通过实例展示了如何根据不同数据类型进行配置。

被折叠的 条评论
为什么被折叠?



