dwr的util.js使用-addOptions

xiaoxiao2021-03-01  14

[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); 这个方法可以指定要显示的内容。
转载请注明原文地址: https://www.6miu.com/read-3850048.html

最新回复(0)