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

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

(产品编辑)

 


 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值