EasyJWeb-1.1版发布

15顶
0踩

2008-02-21 10:43 by 见习记者天一评论(12) 有6822人浏览

WebForm

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

　　我们非常高兴的宣布，EasyJWeb-1.1今日正式对外发布，这个版本主要对EasyJWeb的Ajax支持作较大的改进。主要包括下面的内容：
　　1、在EasyJWeb Tools中增加了一套Rich Component组件，可以与其它客户端Ajax框架比如ExtJS等集成开发RIA应用。
　　2、修改了远程脚本调用引擎，使得性能比上一版本前提升了近2倍，详见http://www.easyjf.com/blog/html/20080103/1015816.html；
　　3、多国语言功能增加了对 xml格式属性文件的支持，http://jira.easyjf.com/browse/EASYJWEB-33。
　　4、增加从服务器输入JSon数据对象的快捷支持。
　　5、提供了更多的EastJWeb实例应用，详见http://easyjweb.demo.easyjf.com/。
　　6、修正了这两个月来大家提出的Bug及调整了一些功能，详细见jira.easyjf.com。
　　7、完善了入门文档，详见wiki.easyjf.com。

　　源码下载：ftp://ftp1.easyjf.com/easyjweb/easyjweb-1.1/easyjweb-1.1.zip
　　在线示例：http://easyjweb.demo.easyjf.com
　　在线文档：http://wiki.easyjf.com/display/wiki/EasyJWeb

　　这里对Rich Component及Ajax改进作简单介绍。

一、EasyJWeb Rich Component

　　 EasyJWeb 1.1版提供了一套富客户端组件，也就是Rich Componet，可以用来与ExtJS等配合快速开发出基于Ajax的RIA应用。不再需要写烦琐的javascript，直接用java就能写出漂亮的基于ExtJS等客户端框架的Ajax应用，详见示例http://wlr2.easyjf.com/。
　　比如只需要下面的Action代码：

public class SimpleAction extends RichComponentAction {
public Page doGrid() {
ViewPort view = new ViewPort();
GridPanel grid = new GridPanel("grid", "数据表格",500,100);
grid.setColumns(new String[]{"id","姓名","出生日期","email"});				view.add(grid);
this.addComponent(view);
return  componentPage;
}
}

　　访问simple.ejf?cmd=grid将会得到一个非常漂亮的表格：

public Page doTree() {
ViewPort view = new ViewPort();
TreePanel tree=new TreePanel("tree","简单的树",200);
TreeNode root=new TreeNode("root","根");
root.add(new TreeNode("c1","孩子1"));
root.add(new TreeNode("c2","孩子2"));
root.getChildNodes().get(1).add(new TreeNode("c3","孙子"));
tree.setRoot(root);
view.add(tree);
this.addComponent(view);
return componentPage;
}

　　访问simple.ejf?cmd=tree将会得到一个还不错的树：

　　如何实现一个添删改查、分页呢？看下面的代码：

public Page doCrud() {
ViewPort view = new ViewPort("fit");
CrudPanel crud = new SimpleCrud();
view.add(crud);
this.addComponents(view);
return componentPage;
}
public class SimpleCrud extends CrudPanel {
public SimpleCrud() {
super("test", "简单测试", "link.ejf");
this.setColumns(new String[][] { { "title", "名称" },{ "url", "网址" },
{ "rss", "RSS" } });
this.getPagingToolbar().setDisplayInfo(true);
this.getGrid().load();
}
@Override
public Function getCreateWin() {
return new Function("return this.initWin(438,300,'连接管理');");
}
@Override
public Form getForm() {
Form f = new Form();
f.add(new TextField("title", "主题"));
f.setLazy(false);
return f;
}
}

　　访问simple.ejf?cmd=crud将会得到一个添删改查及分页的界面，点击“添加”、“修改”、“删除”、“刷新”等按钮可以执行相应的操作，如下图所示：

二、其它Ajax支持的改进及完善

　　1、在以前EasyJWeb的Ajax支持引擎基础上，对远程脚本调用引擎中的脚本engine.js作了调整，使得回调函数可以选择作用域scope。
服务器业务组件：

public class PersonServiceImpl {
/**
* 得到服务器当前时间
* @return
*/
public Date getTime() {
return new Date();
}
}

　　Bean配置文件：

<bean name="PersonService" class="easyjweb.demo.service.impl.PersonServiceImpl" />

　　在javascript中调用：

var s="作用域2";
var o=new function()
{
this.s="作用域1";
}
function callback(d)
{
alert("服务器时间:"+d);
alert(this.test);
}

　　客户端读取服务器端时间的代码：
　　PersonService.getTime(callback);//没有使用作用域
　　PersonService.getTime(callback,new o());//回调函数在o实例作用域中使用域
　　PersonService.getTime(callback,window);//回调函数在window作用域中执行

　　2、增加向客户端输出JSon对象数据的快速方法。

public Page doList(WebForm form) {
QueryObject qo = form.toPo(QueryObject.class);
IPageList pageList = service.getLinkBy(qo);
form.jsonResult(pageList);
return Page.JSONPage;
}

　　上面的代码实现把服务器端的pageList对象转换成JSON数据对象，并给客户端返回这个JSon数据对象。

　　客户端可以这样使用：

 var s=eval(req.responseText);
 alert(s.rowCount);
 for(var i=0;ialert(s.result[i].title);

　　3、另外还对表单ajax提交等作了其它一些调整，详细请参考最新的api文档。

分享到：

15
顶

0
踩

评论共 12 条请登录后发表评论

12 楼 johnnyhg 2008-02-23 16:33

学习成本有点大

11 楼 hantsy 2008-02-22 20:20

不知道在国内应用如何

10 楼 smartbbs 2008-02-22 17:38

支持EasyJWeb

9 楼 ken1984 2008-02-22 15:40

垃圾，华而不实。

8 楼 erikchang 2008-02-22 12:54

这个新版的发布是个不小的飞跃哈，支持，要跟踪大家都喜欢的技术才能取得好成绩！

7 楼 beyondsky 2008-02-22 09:23

我也是在一直在关注 ext 但是就是没有机会去用对他还是个谜要是有经验和时间的同仁帮我发个学习文档和一些例子并且怎么配置发到我邮箱来：beyond-jerry@163.com 在此谢谢了、

6 楼 darchen 2008-02-22 08:40

一直关注着,没有实际运用过.
祝,你们越作越好.

5 楼 clskkk2222 2008-02-22 08:17

支持学习一下

4 楼天一 2008-02-21 12:46

引用

厉害只是想问问那生成的表格和树的样式是固定的吗能改变吗

EasyJWeb1.1中的Rich Component默认实现是使用Ext框架，所以那个树或Grid最后都会转换成客户端的实现，对于Ext控件中支持其它特性，当然都可以应用，只是有一些用得少的属性没有进行封装而已。比如要给Ext组件添加额外样式，如果用javascript可以直接在构造组件的时候指定cls属性。但在easyjweb里面由于BaseComponent中没setCls方法或属性，此时只需要直接使用下面的代码即可：
Panel p=new Panel();

p.set("cls","c1,c2,c3");

3 楼 lidongmei 2008-02-21 12:08

厉害只是想问问那生成的表格和树的样式是固定的吗能改变吗

2 楼天一 2008-02-21 11:10

www.easyjf.com/bbs.ejf

wlr.easyjf.com

或这群：52317037

1 楼 roronjavaeye 2008-02-21 11:02

我按照视频作了，可是还有点小问题，不知在哪里可以得到你们的支持？

发表评论

您还没有登录,请您登录后再发表评论

15顶0踩