科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网›软件频道 ›EasyJWeb的AJAX综合示例程序及源码

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

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

EasyJWeb的Ajax综合示例应用于1月10号上线，这是团队2008年第一次源代码发布。

作者：大峡 来源：blog【原创】 2008年1月12日

关键字： 快速开发 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){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的客户档案管理)

(产品编辑)

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

    • 评论
    • 分享微博
    • 分享邮件
    VIP专区
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章

    业界热点:

    北京第二十六维信息技术有限公司（至顶网）版权所有. 京ICP备15039648号-7 京ICP证161336号 京公网安备 11010802021500号