论坛首页 Web前端技术论坛

DWR的神奇(一个用DWR做的数据库表查询的示例)

浏览 4024 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-12-16  
    AJAX(Asynchronous JavaScript and XML),现在已经被炒的翻了天,火热程度可想而知,现在很多网站都已经在使用这一神奇的技术,它可以使你的网络访问速度提高N倍.但是,人总是不满足的,虽然这一技术很好,但有时还是需要写的很多(相对),于是,DWR就出现了,DWR里面封装了很多AJAX的方法,真的是一个非常神奇的东西.它让我们写程序又变的简单多了.
    它让WEB层可以直接调用业务逻辑,而且把很多繁杂的代码封装好了,我们可以直接调用,这点在我做练习的时候深有体会,我觉得最好的就是DWRUtil.getValue(id);这个方法,它可以获得你所有的HTML元素的值,还有就是查询的问题,从数据库里查询出来的数据可以直接填充到表格里面--DWRUtil.addRows();还有很多方法,就不一一介绍了,看看我做的练习吧,就是一个从数据库里查询出来数据,然后动态填充到表格的示例:
function dateReceive(stu){
             for(var i=0;i<stu.length;i++){
             //下面是填充的数据,stu是一个装有学生对象的一个集合
               var cellfuncs = [
                 function(stu[i]){return stu[i].stuId};
                 function(stu[i]){return stu[i].stuName};
                 function(stu[i]){return stu[i].stuAge};
              //下面是做的一个可以删除的,在每一行后面还添加了一个删除按钮
                 function(stu[i]){
                   var stuId = stu[i].stuId;
                   var delButton = document.createElement("<input type='button' onclick='stu.delStu("+stuId+")'>");
                   delButton.setAttribute("id","delete");  
                       delButton.setAttribute("value","删除");  
                       return delButton;
                 };
               ];
              //在每一次点击按钮前先删除现在表格中的数据,
               DWRUtil.removeAllRows("stuInfor"); 
              //调用addRows方法,填充表格.
               DWRUtil.addRows("stuInfor",stu[i],cellfuncs,{
                 rowCreator:function(){
                 return document.createElement("tr");
                 },
                 cellCreator:function(){
                     return document.createElement("td");
       }
               });
              }
}
    很简单吧,当然,方法有很多种,但是这是目前为止我认为最简单的了,后面把这个示例的项目全部附上
   发表时间:2008-01-09  
balan/interface/stu.js文件呢???
0 请登录后投票
   发表时间:2008-01-15  
balan/interface/stu.js  这是个虚的文件,在stu.xml里面配置了javascript属性,那里是什么名字这里就引用什么.js,
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics