- BIGN
- 等级: 初级会员
 - 性别:
 - 文章: 58
- 积分: 30
- 来自: 远方的山边
|
配置dwr.xml文件
xml 代码
- <!DOCTYPE dwr PUBLIC
- "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
- "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
- <dwr>
- <allow>
- <create creator="spring" javascript="UnitManager">
- <param name="beanName" value="unitManager" />
- <include method="getAllList" />
- </create>
-
- <convert converter="bean"
- match="com.bigner.unitModule.model.Unit"> <!-- 指定bean -->
- <param name="include" value="id,unitName,baseVal"></param>
- </convert>
-
- </allow>
- </dwr>
在jsp中创建一个table
<table>
<thead>
<tr>
<td> </td>
<td><fmt:message key="product.type"/><!-- 获取资源文件 -->
</td>
</tr>
</thead>
<tbody id="refreshBody"><!-- 在这刷新 -->
</tbody>
</table>
那么js事件代码
js 代码
- <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>
- function selOtherUnit(){
var sel = document.getElementById("unitInfo");
UnitManager.getUnitList(setRefreshTable,sel.options[sel.selectedIndex].value); //根据unitInfo改变值，从数据库取得数据，返回值由setRefreshTable进行处理
}
- 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");
}
- }
- var getCheck = function(unit) {
return '<input type="radio" name="unitCheck" value='+unit.id+' onclick="readUnitId(this.value);" />';
- };
- var getUnitName = function(unit) { return unit.name };
到这就可以刷新动态刷新table
与之相对应的刷新select方法是
js 代码
- DWRUtil.removeAllOptions("refreshSelect");
- DWRUtil.addOptions("refreshSelect", [" "]);
- DWRUtil.addOptions("refreshSelect", unit,"id","name");
就不多记录，参考 getahead.ltd.uk/dwr/documentation。
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
|
| 返回顶楼 |
|
|
- ouspec
- 等级:
 - 性别:
- 文章: 1927
- 积分: 871
- 来自: 北京
|
楼主选择代码的类型不对。最好都选择XML类型，否则有些代码显示不正常
|
| 返回顶楼 |
|
|