最近想通过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 阅读(6346) 
评论(6)  编辑  收藏  所属分类: 
DWR