也来show一下我的EXT成果

yongtree — Fri, 04 Jul 2008 09:07:39 +0800

作者: yongtree 链接：http://EXT.group.javaeye.com/group/blog/211321 发表时间: 2008年07月04日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

我们在OA的改版中也使用了EXT做为UI表现，现在项目进入后期了，也提前show一下，请各位多提宝贵意见。

flex登陆：

由于本人负责工作流模块的开发，下面主要以工作流为主。自己是刚进入软件开发领域只有不到一年的新手，工作流开发的不是非常的好，请各位多多批评指教。更希望EXT的学习者多多指教，共同学习，进步。

流程设计后台：

可编辑表格：

ext表单：

流程详细设计：

使用tab布局做的人员选择：

绑定表单字段（扩展ext）:

groupgrid:

本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

Faceye中对JavaScript动态加载

ecsun — Wed, 02 Jul 2008 11:02:46 +0800

作者: ecsun 链接：http://EXT.group.javaeye.com/group/blog/210441 发表时间: 2008年07月02日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

在Faceye中,使用到了大量的portlet,每一个portlet都是一个完整的小单元,数量众多的portlet的加载,成了一个思考的问题.

在最开始的时候,考虑过把javascripts写到数据库里面,然后在使用的时候,从数据库中加载进来,后来经过与大量网友的讨论,采用了使用文件方式进行加载.
首先来看Faceye的数据结构.

user--1:1-->PortalContainer--1:n-->Portal--1:n-->PortalColumn--1:n-->portlet

就是说,portlet位于最末端,数量最多.
先来看一下整体是怎么加载的:


/**
 * 创建portlet
 */
com.faceye.portal.BuildPortlet = {
	init : function(portalColumnId) {
		var portalColumn = Ext.getCmp(portalColumnId);
		var portletStore = new Ext.data.JsonStore({
			url : BP + 'portletAction.do?method=getPortletsByPortalColumn',
			root : 'root',
			fields : ['id', 'name', 'source', 'createTime', 'url', 'imageSrc',
					'init']
		});
		portletStore.load({
			params : {
				portalColumnId : portalColumnId
			},
			callback : function(r, options, success) {
				for (var i = 0; i < r.length; i++) {
					var id = r[i].data['id'];
					var name = r[i].data['name'];
					var url = r[i].data['url'];
					Ext.Ajax.request({
						url : r[i].data['url'],
						params : {
							id : id,
							name : name
						},
						success : function(response, options) {
							var source = response.responseText;
							var headerDom = document
									.getElementsByTagName('head').item(0);
							var jsDom = document.createElement('script');
							jsDom.type = 'text/javascript';
							jsDom.language = 'javascript';
							jsDom.defer = true;
							jsDom.text = source;
							headerDom.appendChild(jsDom);
							var portlet = com.faceye.portal.portlet.SinglePortlet
									.init(options.params.id,
											options.params.name);
							portalColumn.add(portlet);
							portalColumn.doLayout();
						}
					});
				}

			}
		});
	}
}

在这一段代码中,最重要的是callback部分.在这里,我们一个portal里面包含数量不等的portalColumn,而一个portalColumn中,又包含数量不等的portlet,所以在这里,我们使用portalColumnId作为加载一个portalColumn中所有portlet的参数,如下:

init : function(portalColumnId)

当一个portlet读取之后,我们会调用一个callback方法作加载动作,如下:

success : function(response, options) {
							var source = response.responseText;
							var headerDom = document
									.getElementsByTagName('head').item(0);
							var jsDom = document.createElement('script');
							jsDom.type = 'text/javascript';
							jsDom.language = 'javascript';
							jsDom.defer = true;
							jsDom.text = source;
							headerDom.appendChild(jsDom);
							var portlet = com.faceye.portal.portlet.SinglePortlet
									.init(options.params.id,
											options.params.name);
							portalColumn.add(portlet);
							portalColumn.doLayout();
						}

这一段代码,主要是创建一个网页中的