您的位置:软件首页 / 应用程序 / EasyJWeb的AJAX综合示例程序及源码

EasyJWeb的AJAX综合示例程序及源码

ZDNet 软件频道 更新时间:2008-01-12 作者:大峡 来源:blog

本文关键词:快速开发 extjs AJAX easyjweb

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));
    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的客户档案管理)

(产品编辑)

原文链接:http://blog.csdn.net/easyjf/archive/2008/01/10/2033672.aspx

[an error occurred while processing this directive]
技术关注
当前技术类目:
互联网软件本类技术关注比例:
3软件关注排行:31
5企业级技术关注度:5--

互联网软件技术相关文章:

文章类型收录数量
14 互联网软件的解决方案:
9 互联网软件的成功案例:

软件频道 AJAX 最新报道

爱卡汽车网 | CNET科技资讯网 | CWEEK | 蜂鸟网 | GameSpot China | 个人电脑 | 开发者在线 | PChome | Solidot | SPN |
投影顾问网 | 万维家电网 | 网友世界 | 西域IT | ZDNet China | 中关村在线 | 中小企业成长网
CNET Networks
Copyright © 1997-2007 CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号