天一博客
天一博客
EasyJF官方博客
我的首页
文章
相册
圈子
留言
管理
 
    当前所在页面:首页>>文章>>EasyJWeb的AJAX综合示例程序及源码
EasyJWeb的AJAX综合示例程序及源码
    作者:天一 来源: 发表时间:2008-01-10

 
 

  EasyJWeb的Ajax综合示例应用于1月10号上线,这是团队2008年第一次源代码发布。该示例包括ExtJS集成、远程脚本调、Ajax表单提交等多种实例,基于EJS构架开发,持久层使用JPA及泛型DAO、业务逻辑层使用Spring2进行Bean的管理,表示层使用EasyJWeb的MVC及ExtJS等实现,示例演示了一般应用开发中的几种Ajax应用方式,欢迎大家下载交流。 

  Ajax综合示例在线演示:http://easyjweb.demo.easyjf.com/ajax2/
  Ajax综合示例War包及源码:ftp://ftp1.easyjf.com/easyjweb/demo/ajax2.war (13M)
  Ajax综合示例的源码:ftp://ftp1.easyjf.com/easyjweb/demo/ajax2-src.zip (665K)

代码摘要:

  

    Ext.BLANK_IMAGE_URL = 'plugins/extjs/ext-2.0/resources/images/default/s.gif';
Ext.onReady(
function()
    
var tree = new Ext.tree.TreePanel({   
        el:
"tree-div",   
        autoScroll:
true,
        animate:
true,
        width:
'100px',
        height:
'300px',
        enableDD:
true,
        containerScroll: 
true
        loader: 
new Ext.tree.TreeLoader({
            dataUrl:
'region.ejf?cmd=getRegion'            
        }
)
    }
);
    tree.on(
"click",function(node,event){alert(node.id);});
    tree.on(
'beforeload',function(node){        
            tree.loader.dataUrl 
= 'region.ejf?cmd=getRegion&id='+(node.id!='root'?node.id:"");
        }
);        
    
var root = new Ext.tree.AsyncTreeNode({
        text: 
'地区信息',
        draggable:
false,
        id:
'root'
    }
);
    tree.setRootNode(root);
    tree.render();
       root.expand();
}
);

示例截图:


(基于ExtJS的客户档案管理)

(一个异步加载的树)

(传统Ajax的客户档案管理)

(产品编辑)
 
 

(阅读 )   评论数(:4)
评论】 【收藏】
评论:共4条
超强,超暴力
评论人: 瞌睡虫.cn     评论时间: 2008-01-10 21:45:59
Easyjf这群牛牛们呀。不搞点尖端科技他硬是个不得
评论人: lengyu     评论时间: 2008-01-11 14:43:35
不细致 交流找我 QQ6598977 很粗糙
评论人: 匿名用户     评论时间: 2008-01-29 13:53:42
评论人: 匿名用户     评论时间: 2008-03-02 11:21:41

发表评论:
发表人:
评论: 
    
 
关于我们 | 诚聘英才 | 联系我们 | 广告业务 | 网站地图 | 法律声明

EasyJF开源团队版权所有  建议使用1024*768分辨率