dwr刷新表格

   配置dwr.xml文件

xml 代码

 

1. <!DOCTYPE dwr PUBLIC  
2.     "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"  
3.     "http://www.getahead.ltd.uk/dwr/dwr10.dtd">  
4. <dwr>  
5.     <allow>  
6.         <create creator="spring" javascript="UnitManager"><!-- 由spring管理，直接访问serverce,构建一个UnitManager.js -->  
7.             <param name="beanName" value="unitManager" />  
8.             <include method="getAllList" /><!-- 可用方法--> 
   
9.         </create>  
10.   
11.        <convert converter="bean"  
12.             match="com.bigner.unitModule.model.Unit">  <!-- 指定bean -->
    
13.             <param name="include" value="id,unitName,baseVal"></param><!--  取出指定参数 -->  
14.         </convert>  
15.   
16.     </allow>  
17. </dwr>  

   在jsp中创建一个table

<table>
<thead>
<tr>
<td>&nbsp;</td>
<td><fmt:message key="product.type"/><!-- 获取资源文件 -->
</td>
</tr>
</thead>

<tbody id="refreshBody"><!-- 在这刷新 -->
</tbody>
</table>

    那么js事件代码

js 代码

1. <script type='text/javascript' src='/BoyiShoeErp/dwr/interface/UnitManager.js'></script>
   <script type='text/javascript' src='/BoyiShoeErp/dwr/engine.js'></script>
   <script type='text/javascript' src='/BoyiShoeErp/dwr/util.js'></script>
2. function selOtherUnit(){
      var sel = document.getElementById("unitInfo");
      UnitManager.getUnitList(setRefreshTable,sel.options[sel.selectedIndex].value); //根据unitInfo改变值，从数据库取得数据，返回值由setRefreshTable进行处理
   }
3. function setRefreshTable(data){//data接受返回数据,这返回的是一个Unit对象
     if(data!="" && data!=null){
         DWRUtil.removeAllRows("refreshBody");//删除table的更新元素
         DWRUtil.addRows("refreshBody", data, [ getCheck,getUnitName ],//getCheck,getAllUnit是表的对应的列,
         {
            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;
            }
         });
     }else{
         DWRUtil.removeAllRows("refreshBody");
     }
4. }
5. var getCheck = function(unit) {
         return '<input type="radio" name="unitCheck" value='+unit.id+' οnclick="readUnitId(this.value);" />';
6. };
7. var getUnitName = function(unit) { return unit.name };

      到这就可以刷新动态刷新table
      与之相对应的刷新select方法是

js 代码

 

1. DWRUtil.removeAllOptions("refreshSelect");  
2. DWRUtil.addOptions("refreshSelect", [" "]);  
3. DWRUtil.addOptions("refreshSelect", unit,"id","name");     

       就不多记录，参考 getahead.ltd.uk/dwr/documentation。