DWR的util.doc

DWR的util.js 使用$() 实际上，这个函数是从ProtoType.js中借鉴过来的。作用完全等同于document.getElementById(“elementId”)。 该函数将通过指定ID查询文档中的HTML元素.当该函数参数不是字符串时，参数被不做任何处理的直接返回 处理列表 此处所指的列表不仅仅包括select下拉列表，还包括ul和ol列表。当然，这种列表可以通过DOM来操作完成，但使用util.js下的函数则更简单 DWRUtil.removeAllOptions()：用于删除列表中的所有项 DWRUtil.addOptions()：用于添加列表项。共有如下五种形式 数组：DWRUtil.addOptions(selectId, array)：第一个参数是select列表框的ID,第二个参数是字符串数组。每个选项的文本和值都是数组的元素 //定义一个简单字符串数组 var simpleStringArray = [请选择一个城市,广州,上海,北京]; function addOptionsOfStringArray(){ //先删除下拉列表框中原有数据 DWRUtil.removeAllOptions(city1);DWRUtil.addOptions(city1,simpleStringArray); } 对象数组：DWRUtil.addOptions(selectid, data,prop)：第一个参数是select列表框的ID,第二个是一个对象数组，第三个是数组元素的属性名，选项的文本和值都是数组元素的prop属性的值 //定义一个对象数组 var objArray1 = [ {name:请选择一个国家}, {name:中国}, {name:美国}, {name:英国}, ]; //使用对象数组作为下拉列表的选项 function addOptionsOfObjectArray1(){ //先删除下拉列表框中原有数据 DWRUtil.removeAllOptions(city2); DWRUtil.addOptions(city2,objArray1,name); } 对象数组：DWRUtil.addOptions(selectid, array,valueprop,textprop)：第一个参数是select列表框的ID,第二个是一个对象数组，第三，四个都是数组元素的属性名，选项的文本是数组元素的textprop的属性值，值是数组元素的valueprop属性的值 //定义一个对象数组 var objArray2 = [ //city为文本,country为值 {city:请选择城市,country:}, {city:上海,country:中国}, {city:广州,country:中国}, {city:华盛顿,country:美国}, {city:纽约,country:美国}, ]; //使用对象数组作为下拉列表的选项 function addOptionsOfObjectArray2(){ //先删除下拉列表框中原有数据 DWRUtil.removeAllOptions(city3); DWRUtil.addOptions(city3,objArray2,country,city); } 对象：DWRUtil.addOptions(selectid,mapObj,reverse)：第一个是下拉列表框ID，第二个参数是JSON格式的对象，第三个参数是个旗标，只能为true|false。选项的文本是mapObj对象的属性值，选项的值是mapObj对象的属性名。如果旗标为true，则mapObj对象的属性值作为选项的值 //定义单个对象 var obj = {:请选择城市,city:上海,country : 中国,continent:亚洲}; //使用单个对象作为下拉列表的选项 function addOptionsOfObject (){ //先删除下拉列表框中原有数据 DWRUtil.removeAllOptions(city4); DWRUtil.addOptions(city4,obj); }//定义对象作为下拉列表的值 var objMap = { select:{city:请选择城市,country:}, first:{city:上海,country:中国}, second:{city:华盛顿,country:美国}, third:{city:伦敦,country:英国}