|
当前所在页面:首页>>文章>>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的客户档案管理)

(产品编辑) |
|
|
| |
超强,超暴力 |
评论人: 瞌睡虫.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分辨率 |
|
|
|