最近想通過DWR做查詢,雖然可以結合ext使用,但是使用太多框架會增加客戶端的負荷,因此用到了DWRUtil.addRows方法。
如果想在每行記錄的最后添加“編輯”或“刪除”的超級連接,可以通過document.createElement()來處理,請看以下的例子。
現在需要把封裝了這個JavaBean數據的 java.util.List對象 傳到客戶端
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學習
現在,我們看看客戶端的回調函數
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;
}
];
這樣在每行的最后一行就會增加“編輯”的超級連接了。編輯的具體工作想發給哪個后臺類處理,修改一下href屬性吧。
posted on 2008-04-23 10:05
Jam Chan 閱讀(6323)
評論(6) 編輯 收藏 所屬分類:
DWR