配置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。
分享到:
相关推荐
dwr填充表格示例dwr填充表格示例dwr填充表格示例
dwr ajax 局部刷新java的 回调函数
AJAX 入门视频之 Ext 2.0.1 & DWR 1表格实时编辑器实例 AJAX 入门视频之 MyEclipse 6 开发的 Ext 2.0.1 & DWR 1表格实时编辑器示例 2008-1-27 说实话, 我也是特别懒的人, 很早就想看看 Ext, 尤其是做一个实时...
dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页
dwr实现无页面跳动的刷新,里面有个线程,更改数据库数据,先启动线程,再发布工程
一个简单的案例,用DWR框架简化AJAX开发。
dwr基于ajax的框架,也是一种无刷新技术,简单方便又实用,试用于各种门户网,已经喜欢无刷新的伙伴们,大家都来尝试下吧,不玩不知道,一玩吓一跳。
ajax_dwr实现页面无刷新加载
java web编程中dwr技术所需要的jar包
源代码,有dwr框架的架包,分页技术,相信对大家有用.
学以致用,用以促学,了解一下可用知识对自己的自身有所提高,可以增强自身的开发能力..!
用 SSH2 + DWR做出来的 无刷新表格
NULL 博文链接:https://bestlanli-gmail-com.iteye.com/blog/1060898
dwr无刷新分页实例代码
dwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwr
dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;
dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架
简单的dwr实现五刷新原理!适合初学者,原理明确
Struts2.0+dwr无刷新分页
里面是一个java小项目,只包含一个后台类和一个页面,仅仅实现了dwr3无刷新上传,对于初学dwr的朋友特别适合