如果想在每行記錄的最后添加“編輯”或“刪除”的超級連接,可以通過document.createElement()來處理,請看以下的例子。
現(xiàn)在需要把封裝了這個JavaBean數(shù)據(jù)的 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
}
// Fields
private Long fundNo;
private String fundName;
private Float price;
private String description;
private String status;
private Date createdDate;
//Getter & Setter
}
之前如何調(diào)用就省略了,想了解DWR的詳細信息可以到官方網(wǎng)站http://getahead.org/dwr學習
現(xiàn)在,我們看看客戶端的回調(diào)函數(shù)
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"?"正常":"凍結(jié)"; },
function(item) {
var editLink = document.createElement("a");
editLink.setAttribute("href","edit.do?id="+item.fundNo);
editLink.innerHTML="編輯";
return editLink;
}
];
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"?"正常":"凍結(jié)"; },
function(item) {
var editLink = document.createElement("a");
editLink.setAttribute("href","edit.do?id="+item.fundNo);
editLink.innerHTML="編輯";
return editLink;
}
];
這樣在每行的最后一行就會增加“編輯”的超級連接了。編輯的具體工作想發(fā)給哪個后臺類處理,修改一下href屬性吧。