最近想通过DWR做查询,虽然可以结合ext使用,但是使用太多框架会增加客户端的负荷,因此用到了DWRUtil.addRows方法。
如果想在每行记录的最后添加“编辑”或“删除”的超级连接,可以通过document.createElement()来处理,请看以下的例子。
现在需要把封装了这个JavaBean数据的 java.util.List对象 传到客户端
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->
public
class
Fund
implements
java.io.Serializable {
//
Fields
private
Long fundNo;
private
String fundName;
private
Float price;
private
String description;
private
String status;
private
Date createdDate;
//Getter & Setter
}
之前如何调用就省略了,想了解DWR的详细信息可以到官方网站http://getahead.org/dwr学习
现在,我们看看客户端的回调函数
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->
function
callBack(data){
DWRUtil.removeAllRows(
"tbodyId
"
); // "tbodyId"是需要嵌入行的元素ID
DWRUtil.addRows(
"
tbodyId
"
, data, cellFunctions);
}
var
cellFunctions
=
[
function
(item) {
return
item.fundNo; },
function
(item) {
return
item.fundName; },
function
(item) {
return
item.price; },
function
(item) {
return
item.description; },
function
(item) {
return
item.status
==
"
1
"
?
"
正常
"
:
"
冻结
"
; },
function
(item) {
var
editLink
=
document.createElement(
"
a
"
);
editLink.setAttribute(
"
href
"
,
"
edit.do?id=
"
+
item.fundNo);
editLink.innerHTML
=
"编辑
"
;
return
editLink;
}
];