DWRUtil API使用方法

$("precloneNode1suf") 取得该对象;DWRUtil.selectRange("selectRangeBasic", 5, 15) 选中selectRangeBasic文本框里面从第五个字符到第15个字符之间的字符.DWRUtil._getSelection("selectRangeBasic") 得到selectRangeBasic文本框里选中的字符.var arrayFive = [ 'One', 'Two', 'Three', 'Four', 'Five' ];DWRUtil.addOptions('addOptionsBasic', arrayFive); 将数组添加到下拉菜单里面去;DWRUtil.getValue('addOptionsBasic') 得到 addOptionsBasic 对象的值;DWRUtil.getValue("precloneNode1Inner1suf", { textContent:true }); 后面加个参数,在 precloneNode1Inner1suf元素为"UL" 时,它返回了元素里面得值,也就是说去掉了HTML标签部分.DWRUtil.getText('addOptionsBasic') 得到下拉框 addOptionsBasic 显示的文本;var arrayObject = [{ name:'One', value:'1' },{ name:'Two', value:'2' },{ name:'Three', value:'3' },{ name:'Four', value:'4' },{ name:'Five', value:'5' }];DWRUtil.addOptions('addOptionsObject1', arrayObject, "name"); 将数组添加到下拉菜单里面去;后面的参数是确定那个是给用户显示的文本,同时也是值;DWRUtil.addOptions('addOptionsObject1', arrayObject, "name","value"); 同上,不过后面参数是: 3=文本;4=值;var map = { one:1, two:2, three:3, four:4, five:5 };DWRUtil.addOptions('addOptionsMap1', map); 同上, one 是值;1 是文本;DWRUtil.addOptions('addOptionsMap1', map,true); 同上, 1 是值;one 是文本;-------------------------------------------------------------------------------------<ul id="removeItems"><li>One</li><li>Two</li><li>Three</li><li>Four</li><li>Five</li></ul>如果是列表显示,如上;则上面所有方法和select 下拉框使用一样;-------------------------------------------------------------------------------------DWRUtil.cloneNode('cloneNode1', { idPrefix:'pre', idSuffix:'suf' });克隆一个节点,参数一为要克隆的节点的id,第二个参数是在克隆的节点id前面加pre,后面加suf.(注意:如果该节点有子节点的话,子节点的名字也一样加)DWRUtil.addRows(id, array, cellfuncs, [options]);原理:for each member in arrayfor each function in cellfuncscreate cell from cellfunc(array[i])循环数组,循环函数,建立单元调用函数;(顺序决定)例如:DWRUtil.addRows('addRowsBasic', arrayFive, [function(data) { return data; },function(data) { return data.toUpperCase(); },function(data) {var input = document.createElement("input");input.setAttribute("type", "button");input.setAttribute("value", "DOM Test");input.setAttribute("onclick", "alert('" + data + "');");return input;},function(data) { return "<input type='button' value='innerHTML Test' οnclick='alert(\"" + data + "\");'>"; }]);高级部分:第四个参数为对单元的高级操作,主要下面的两个方法;function defaultRowCreator(options) {return document.createElement("tr");};function defaultCellCreator(options) {return document.createElement("td");};例子:DWRUtil.addRows( "demo2",[ 'Africa', 'America', 'Asia', 'Australasia', 'Europe' ] , cellFuncs, {rowCreator:function(options) {var row = document.createElement("tr");var index = options.rowIndex * 50;row.style.color = "rgb(" + index + ",0,0)";return row;},cellCreator:function(options) {var td = document.createElement("td");var index = 255 - (options.rowIndex * 50);td.style.backgroundColor = "rgb(" + index + ",255,255)";td.style.fontWeight = "bold";return td;}});其中 options 参数的属性可用的为:(没试过,自己试试吧)rowData: the element value from the array (the same for all cells in a row) rowIndex: the key (if map) or index (if array) from the collection rowNum: The row number counting from 0 in this section (so if you are using tbody, it counts rows in the tbody and not the whole table) data: The 'computed' data value for the cell (cellCreators only) cellNum: The cell number that we are altering counting from 0 (cellCreators only) DWRUtil.setValues(); 批量设置值;var settings = {setValuesDiv:"setValuesDiv",setValuesSpan:"setValuesSpan",setValuesSelect:"two",setValuesText:"setValuesText",setValuesPassword:"AB",setValuesTextarea:"setValuesTextarea",setValuesButton1:"B1-Two",setValuesButton2:"B2-Two",setValuesRadio1:true,setValuesRadio2:false,setValuesRadio3:"one",setValuesRadio4:"two",setValuesCheckbox1:true,setValuesCheckbox2:false};DWRUtil.setValues(settings);DWRUtil.getValues(empty);批量获取值;var empty = {setValuesDiv:null,setValuesSpan:null,setValuesSelect:null,setValuesText:null,setValuesPassword:null,setValuesTextarea:null,setValuesButton1:null,setValuesButton2:null,setValuesRadio1:null,setValuesRadio2:null,setValuesRadio3:null,setValuesRadio4:null,setValuesCheckbox1:null,setValuesCheckbox2:null};DWRUtil.getValues(empty);DWRUtil.useLoadingMessage("Ping");//类似gmail那个样子,在右上角显示加载"ping";可用自定样式,具体查询;http://getahead.ltd.uk/dwr/browser/util/useloadingmessageDWRUtil.toDescriptiveString("id",数字);弹出调试信息,数字为0,1,2.一级比一级高.DWRUtil.onReturn(event, submitFunction);一般在form表单里面,防止在文本框上按回车就提交表单.例如:<input type="text"οnkeypress="DWRUtil.onReturn(event, submitFunction)"/><input type="button" οnclick="submitFunction()"/>$(); 功能:相当于document.getElementById(id); 参数: id或name属性值; 例:

  <script>            Var ele=$(txt_test);             Var str=DWRUtil.toDescriptiveString(ele,1)             DWRUtil.debug(str);     </script>   <script> Var ele=$(txt_test); Var str=DWRUtil.toDescriptiveString(ele,1) DWRUtil.debug(str); </script>

DWRUtil.getValue(); 功能:获得指定元素value值 参数: id或name属性值; 注意:该函数只能用于有value属性的元素 例:

<script>             var val=DWRUtil.getValue(“txt_test”);            DWRUtil.debug(val);     </script>   <script> var val=DWRUtil.getValue(“txt_test”); DWRUtil.debug(val); </script>

DWRUtil.getValues(); 功能:获得一组指定元素的value值; 参数:id或name构成的数组对象 例:

  <script>             Var arr_=DWRUtil.getValues({“txt_name”:null,”txt_pswd”:null});              Var str=DWRUtil.toDescriptiveString(arr,1)             DWRUtil.debug(str);     </script>   <script> Var arr_=DWRUtil.getValues({“txt_name”:null,”txt_pswd”:null}); Var str=DWRUtil.toDescriptiveString(arr,1) DWRUtil.debug(str); </script>

DWRUtil.setValue(); 功能:设置指定元素的value值 参数: id或name属性值

  <script>            DWRUtil.setValue(“txt_test”,”wiley”);     </script>   <script> DWRUtil.setValue(“txt_test”,”wiley”); </script>

DWRUtil.setValues(); 功能:设置一组指定元素的值 参数: id或name构成的数组对象 例:

  <script>            DWRUtil.setValues({“txt_name”:”wiley”,”txt_pswd”:”wiley”});     </script>   <script> DWRUtil.setValues({“txt_name”:”wiley”,”txt_pswd”:”wiley”}); </script>

DWRUtil.getText(); 功能:获得select元素的文本值 参数: id或name属性值 例:wiley中国

  <script>            Var txt=DWRUtil.getText (“sel_test”);            Var val=DWRUtil.getValue(“sel_test”);            DWRUtil.debug(“Text:”+txt+”\tValue:”+val);     </script>   <script> Var txt=DWRUtil.getText (“sel_test”); Var val=DWRUtil.getValue(“sel_test”); DWRUtil.debug(“Text:”+txt+”\tValue:”+val); </script>

DWRUtil.addRows(); 功能:指定表格添加行 格式:DWRUtil.addRows(id,items, functions); 参数: 第一个参数:table或tbody的id属性值 第二个参数:数组或链表(可能用词不是很适合) 第三个参数:函数链表 例1: 主题

  <script>            Var arr_={“wiley’s blog”,”wiley中国”};             DWRUtil.addRows(“tby_test”,arr_,[function(arr_){return arr_}]);      </script>   <script> Var arr_={“wiley’s blog”,”wiley中国”}; DWRUtil.addRows(“tby_test”,arr_,[function(arr_){return arr_}]); </script>

例2: 名称  网址

  <script>            Var items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}];             DWRUtil.addRows(“tby_test”,items,[function(item){return item.name}, function(item){return item.add}]);      </script>   <script> Var items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}]; DWRUtil.addRows(“tby_test”,items,[function(item){return item.name}, function(item){return item.add}]); </script>

DWRUtil.romoveAllRows(); 功能:删除指定表格行 参数:table或tbody的id属性值 例               名称    网址

  <script>             DWRUtil.romoveAllRows(“tby_test”);//每次添加前将原有数据行删除,防止数据重叠             Var items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}];             DWRUtil.addRows(“tby_test”,items,[function(item){return item.name}, function(item){return item.add}]);      </script>   <script> DWRUtil.romoveAllRows(“tby_test”);//每次添加前将原有数据行删除,防止数据重叠 Var items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}]; DWRUtil.addRows(“tby_test”,items,[function(item){return item.name}, function(item){return item.add}]); </script>

DWRUtil.addOptions(); 功能:添加select元素的option子元素 格式:DWRUtil.addOption(id,items)或DWRUtil.addOption(id,items,valueProp,textProp); 参数: 第一个参数:select的id或name属性值 第二个参数:数组或链表(填充数据) 第三、四个参数:链表节点的属性,第三个填充value值，第四个填充text值 例：

  <script>            Var arr_={“wiley”,”wiley中国”};             DWRUtil.addRows(“sel_test”,arr_);//此时value与text值相同             DWRUtil.romoveAllOptions(“sel_test”);            Var items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}];             DWRUtil.addRows(“sel_test”,”add”,”name”);//此时value与text不相同      </script>   <script> Var arr_={“wiley”,”wiley中国”}; DWRUtil.addRows(“sel_test”,arr_);//此时value与text值相同 DWRUtil.romoveAllOptions(“sel_test”); Var items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}]; DWRUtil.addRows(“sel_test”,”add”,”name”);//此时value与text不相同 </script>

DWRUtil.romoveAllOptions(); 功能:删除指定select元素的option子元素 参数:select元素的id或name属性值 例:前面例子有用到 DWRUtil.debug(); 功能:等价于alert() 例:前面例子有用到 DWRUtil.toDescriptiveString(); 功能:将对象序列化成字符串,主要用于调试

相关资源：敏捷开发V1.0.pptx