随笔-14  评论-34  文章-0  trackbacks-0
最近想通过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 阅读(6294) 评论(6)  编辑  收藏 所属分类: DWR

评论:
# re: DWR的DWRUtil.addRows方法的使用 2008-05-10 01:15 | 铁衣
非常好!
谢谢!  回复  更多评论
  
# re: DWR的DWRUtil.addRows方法的使用 2008-07-19 11:48 | 铁衣
谢谢啊
对编辑两个字加连接是这样的
但是利用DWRUtil生成一张图片
然后对这张图片加连接怎么弄的?  回复  更多评论
  
# re: DWR的DWRUtil.addRows方法的使用 2008-10-26 15:06 | huml
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 img = document.createElement("<img onclick='location.href='edit.do?id="+item.fundNo+"' style='cursor:hand;'>");
img.setAttribute("src", "图片地址");
return img;
}
];@铁衣
  回复  更多评论
  
# re: DWR的DWRUtil.addRows方法的使用 2009-04-17 17:02 | 嘟嘟嘟
放屁  回复  更多评论
  
# re: DWR的DWRUtil.addRows方法的使用 2009-05-11 09:11 | 阿苏
如果有多个“tbodyId”如何用循环来实现呀~~~比如:
for(i=0;i<5;i++)
{
DWRUtil.removeAllRows("tbodyId"); // "tbodyId"是需要嵌入行的元素ID
DWRUtil.addRows("tbodyId"+i, data, cellFunctions);
}

这样写可好像在调用cellFunctions的时候有问题,请问应该怎样用循环来实现我想要的功能???  回复  更多评论
  
# re: DWR的DWRUtil.addRows方法的使用 2010-05-27 22:37 | -
这个例子不错  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: