一个不用写javascript的ext综合应用
2008-02-20 10:15
447 查看
相信很多人虽然喜欢Ext,却不太喜欢写javascript,一个原因是javascript太灵活、太强大了,所以有时候很难掌控。因此,春节期间仿照http://wlr.easyjf.com上下载的源代码,基于EasyJWeb1.1,使用了其中Rich Component技术写了一个跟williamraym的单用户blog功能完全一样ExtJS综合应用,不同在于这里不需要manage.js、core.js、topic.js等众多的javascript代码,所有的组件及自定义控件都是在服务器用java书写。
这个应用演示了如何在用java代码写ExtJS的各种控件,如何对各种事件进行响应,如何与服务器端进行集成等。用java的好处是多方面的,有兴趣的朋友慢慢体会。
应用示例地址:http://wlr2.easyjf.com
源代码下载地址:ftp://ftp1.easyjf.com/easyjweb/demo/blog2.zip
ExtJS相关的技术资料:http://wlr.easyjf.com
在线《ExtJS2.0实用简明教程》:http://www.easyjf.com/blog/html/20080217/1179671.html
关于EasyJWeb1.1:http://www.easyjf.com/html/20080218/2424833.html http://wiki.easyjf.com/display/wiki/EasyJWeb
让我们一起携起手来,支持国产开源,从我做起。
应用截图:
(日志分类管理)
(后用户管理)
管理员登录的AdminLoginAction中的代码:
public class AdminLoginAction extends RichComponentAction ...{
public void doIndex() ...{
Window win = new Window("win1", "登陆系统", 265, 140);
win.setClosable(false);
Form f = new Form("fp");
f.setLabelAlign("right");
f.setLabelWidth(55);
f.set("bodyStyle", "padding-top:6px");
f.set("frame", true);
f.getDefaults().put("width", 158);
TextField tf1 = new TextField("userName", "帐号");
tf1.set("cls", "user");
TextField tf2 = new TextField("password", "密码");
tf2.setInputType("password");
tf2.set("cls", "key");
f.add(tf1, tf2);
win.add(f);
Function success = new ActionFunction(
"window.location.href = 'manage.ejf';");
Function failure = new ActionFunction(
"form.reset();if(action.failureType == Ext.form.Action.SERVER_INVALID)Ext.MessageBox.alert('警告',action.result.errors.msg);");
FormAction action = new FormAction("action1",
"portal.ejf?cmd=adminLogin", success, failure);
action.setWaitMsg("请稍后...");
Button b = new Button("登陆", new Function(
"var fp=Ext.getCmp('fp');fp.form.submit(action1);"));
Button b2 = new Button("重置", new Function(
"var fp=Ext.getCmp('fp');fp.form.reset();"));
win.addButtons(b, b2);
win.show();
this.addComponents(action, win);
}
}
这个应用演示了如何在用java代码写ExtJS的各种控件,如何对各种事件进行响应,如何与服务器端进行集成等。用java的好处是多方面的,有兴趣的朋友慢慢体会。
应用示例地址:http://wlr2.easyjf.com
源代码下载地址:ftp://ftp1.easyjf.com/easyjweb/demo/blog2.zip
ExtJS相关的技术资料:http://wlr.easyjf.com
在线《ExtJS2.0实用简明教程》:http://www.easyjf.com/blog/html/20080217/1179671.html
关于EasyJWeb1.1:http://www.easyjf.com/html/20080218/2424833.html http://wiki.easyjf.com/display/wiki/EasyJWeb
让我们一起携起手来,支持国产开源,从我做起。
应用截图:
(日志分类管理)
(后用户管理)
管理员登录的AdminLoginAction中的代码:
public class AdminLoginAction extends RichComponentAction ...{
public void doIndex() ...{
Window win = new Window("win1", "登陆系统", 265, 140);
win.setClosable(false);
Form f = new Form("fp");
f.setLabelAlign("right");
f.setLabelWidth(55);
f.set("bodyStyle", "padding-top:6px");
f.set("frame", true);
f.getDefaults().put("width", 158);
TextField tf1 = new TextField("userName", "帐号");
tf1.set("cls", "user");
TextField tf2 = new TextField("password", "密码");
tf2.setInputType("password");
tf2.set("cls", "key");
f.add(tf1, tf2);
win.add(f);
Function success = new ActionFunction(
"window.location.href = 'manage.ejf';");
Function failure = new ActionFunction(
"form.reset();if(action.failureType == Ext.form.Action.SERVER_INVALID)Ext.MessageBox.alert('警告',action.result.errors.msg);");
FormAction action = new FormAction("action1",
"portal.ejf?cmd=adminLogin", success, failure);
action.setWaitMsg("请稍后...");
Button b = new Button("登陆", new Function(
"var fp=Ext.getCmp('fp');fp.form.submit(action1);"));
Button b2 = new Button("重置", new Function(
"var fp=Ext.getCmp('fp');fp.form.reset();"));
win.addButtons(b, b2);
win.show();
this.addComponents(action, win);
}
}
相关文章推荐
- JavaScript之 ------ 综合应用
- 一个应用单链表基本算法的综合程序
- 第一次用javascript写了一个不用刷新就能实现--用户名验证的例子
- javascript --- 原型继承与属性拷贝的综合应用
- 综合应用WPF/WCF/WF/LINQ之四:创建一个StateMachineWorkflow 推荐
- 第一次用javascript写了一个不用刷新就能实现--用户名验证的例子
- 综合应用WPF/WCF/WF/LINQ之二十五:使用CustomControl技术编写一个翻页控件
- 使用JavaScript应用for循环输出一个简易的9*9乘法表
- 不用的web应用可以运行在同一个tcp端口(比如80)上吗?tcp端口的唯一性体现在哪里
- 文理综合:应用语言学确实是一个神奇的专业
- C++ 容器的综合应用的一个简单实例——文本查询程序
- ext,一个很强的基于javascript的控件库
- 企业库综合应用的一个小sample
- javaScript 如何获取cookie? js 如何获取cookie ? indexOf() substring() 和 document.cookie 的综合应用
- 一个很好的javascript框架,prototype.js 1.4,很好的封装了ajax的应用。
- 综合应用WPF/WCF/WF/LINQ之二十四:使用UserControl技术编写一个翻页控件
- 使用JavaScript应用for循环输出一个简易的9*9乘法表
- 一个新人对于JavaScript简单应用的理解
- javascript的事件冒泡,阻止事件冒泡和事件委托, 事件委托是事件冒泡的一个应用。
- Ext综合应用1--登陆篇