AJAX论坛最新讨论 - JavaEye

Ext Js 给window或panel加上热键

JavaEye网站 — Thu, 21 Aug 2008 14:25:26 +0800

作者: chanball 链接：http://www.javaeye.com/topic/231170 发表时间: 2008年08月21日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

如题，代码如下:

var OverTimeForm = new Ext.form.FormPanel({
		bodyStyle: 'padding: 15px 0 0 10px;',
		defaultType: 'textfield',
		items:[{
			fieldLabel: '超时时间(小时/h)',
			name: 'overTime',
			xtype: 'numberfield'
		},{
			xtype: 'panel',
			border: false,
			html: '设置终端刷卡后的有效时间!'
		}],
		buttons:[{
			text: '确定',
			scope: this,
			handler: this.setOverTime
		},{
			text: '取消',
			scope: this,
			handler: this.cancleOverTime
		}],
//热键添加
		keys:[{
			key : Ext.EventObject.ENTER,
			fn : this.setOverTime,
			scope : this
		}]

	});

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

JavaEye推荐

有人还记得这贴吗?"分享一个35岁程序员的告别之作"

JavaEye网站 — Fri, 22 Aug 2008 01:19:40 +0800

作者: tinsn 链接：http://www.javaeye.com/topic/231391 发表时间: 2008年08月22日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

电脑被盗,所有的资料没了.
想找回一些资料.
但是这贴里面的代码已经下不了了.
http://www.javaeye.com/topic/157913

有没有哪位兄台还有他的代码.
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

关于jquery内存回收问题请教

JavaEye网站 — Wed, 20 Aug 2008 14:25:09 +0800

作者: zhanjianhua 链接：http://www.javaeye.com/topic/230695 发表时间: 2008年08月20日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

最近用了一段时间的JQUERY,发现用JQUERY中的.append()方法动态生成数据时,内存不会回收,我不知道是不是我使用有问题,
还是JQUERY本身就带有这问题.
以下是我写的一个HTML,

最近用了一段时间的JQUERY,发现用JQUERY中的.append()方法动态生成数据时,内存不会回收,我不知道是不是我使用有问题, 
还是JQUERY本身就带有这问题. 
以下是我写的一个HTML, 







点击装载数据

每次"点击装载数据"链接,能在任务管理器看到此IE进程的内存加了500K,请高手看看,看看怎么解决
 本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

ext 图片预览事件触发以及IE7下预览图片

JavaEye网站 — Thu, 21 Aug 2008 14:11:04 +0800

作者: chanball 链接：http://www.javaeye.com/topic/231164 发表时间: 2008年08月21日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

首先在FormPanel里添加图片预览区以及图片选择组件

        /**
 	 * 图片上传区
 	 */
 	this.imageUploadForm = new Ext.form.FormPanel({
 		region: 'east',
 		fileUpload: true,
 		width: 300,
 		split: true,
 		defaultType: 'textfield',
 		bodyStyle: 'align: center;',
 		defaults:{
 			hideLabel: true
 		},
 		items:[{
// 			labelSeparator: '',
 			id:'browseImage',
 			autoCreate:{
 				tag: 'input',
 				type: 'image',
 				src: Ext.BLANK_IMAGE_URL,
                style:'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);'
 				name: 'imageBrowse'
 			}
 		},{
 			inputType: 'file',
 			id: 'imageUpload',
 			cls: 'upst'
 		}]
 		
 	});

接下来添加选择完图片后的change事件

Global.img_reg=/\.([jJ][pP][gG]){1}$|\.([jJ][pP][eE][gG]){1}$|\.([gG][iI][fF]){1}$|\.([pP][nN][gG]){1}$|\.([bB][mM][pP]){1}$/
    /**
 	 *  浏览改变事件
     *  只有当imageUploadForm render后Ext.get('imageUpload')才有效
 	 */
 	this.imageUploadForm.on('render',function(f){
 		this.imageUploadForm.form.findField('imageUpload').on('render',function(){
	 		Ext.get('imageUpload').on('change',function(field,newValue,oldValue ){
	 			var url = 'file:///'+Ext.get('imageUpload').dom.value;
           if(Global.img_reg.test(url)){
								
								if(Ext.isIE7){
									Ext.get('imageBrowse').dom.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url;
								}else{
									Ext.get('imageBrowse').dom.src = url;
								}
							}
	 				 		},this);
 		},this);
 	},this);

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

JavaEye推荐

JavaScript 1.5 核心参考:全局函数:eval

JavaEye网站 — Thu, 21 Aug 2008 12:08:19 +0800

作者: wangsong76 链接：http://www.javaeye.com/topic/231034 发表时间: 2008年08月21日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

英文原文地址：
http://developer.mozilla.org/cn/docs/JavaScript_1.5_%E6%A0%B8%E5%BF%83%E5%8F%82%E8%80%83:%E5%85%A8%E5%B1%80%E5%87%BD%E6%95%B0:eval

JavaScript 1.5 核心参考:全局函数:eval
From MDC

目录

1 Summary
2 Syntax
3 Parameters
4 Description
5 Don't use eval!
6 Parsing JSON
6.1 Accessing member properties
7 Cross-implementation compatibility
8 Examples
8.1 Example: Using eval
8.2 Example: Using eval to evaluate a string of JavaScript statements
9 Return value
10 See also

Summary
Core Function

Evaluates a string of JavaScript code without reference to a particular object.
运行与具体对象无关的JavaScript代码，

Syntax
eval(string [, object])

Parameters
string
A string representing a JavaScript expression, statement, or sequence of statements. The expression can include variables and properties of existing objects.
一个JavaScript表达式，语句，或语句序列。这个表达式包含变量和已存在的对象属性值。
object
Template:non-standard inline
An optional argument; if specified, the evaluation is restricted to the context of the specified object.
一个可选参数；如果指定了，这个运行限制在指定对象的范围内。
Description
eval is a top-level function and is not associated with any object.
eval 是一个顶级函数，不需要与任何对象结合。

The argument of the eval function is a string. If the string represents an expression, eval evaluates the expression. If the argument represents one or more JavaScript statements, eval performs the statements. Do not call eval to evaluate an arithmetic expression; JavaScript evaluates arithmetic expressions automatically.
eval 函数的参数是一个字符串。如果字符串是一个表达式，eval计算这个表达式。如果参数是一个或者多噶JavaScript语句，eval执行这些语句。不要调用eval去计算一个数学表达式；JavaScript是自动计算表达式的。

If you construct an arithmetic expression as a string, you can use eval to evaluate it at a later time. For example, suppose you have a variable x. You can postpone evaluation of an expression involving x by assigning the string value of the expression, say "3 * x + 2", to a variable, and then calling eval at a later point in your script.
如果你构造了一个数学表达式字符串，你可以使用eval计算它在晚一点的时候。例如，假设你有一个变量x。你可以推迟包含x的表达式的计算通过把表达式转换成字符串的值，比如说“3 * x + 2”作为一个变量，稍后在你的script中再指明调用eval。

If the argument of eval is not a string, eval returns the argument unchanged. In the following example, the String constructor is specified, and eval returns a String object rather than evaluating the string.
如果eval的参数不是字符串，eval不改变的返回参数值。如下面的例子，参数是字符串构造器，eval返回字符串对象而不是计算字符串。

eval(new String("2 + 2")); // returns a String object containing "2 + 2"
eval("2 + 2"); // returns 4

You can work around this limitation in a generic fashion by using toString.
你可以让它绕过这个限制，通常是使用toString方法。

var expression = new String("2 + 2");
eval(expression.toString());

You cannot indirectly use the eval function by invoking it via a name other than eval; if you do, a runtime error might occur. For example, you should not use the following code: 你不能直接使用其他名字来调用eval函数；如果你这样做，就会出现一个运行错误。例如，你不能像下面这样写：
var x = 2;
var y = 4;
var myEval = eval;
myEval("x + y");

Don't use eval!
eval() is a dangerous function, which executes the code it's passed with the privileges of the caller. If you run eval() with a string that could be affected by a malicious party, you may end up running malicious code on the user's machine with the permissions of your webpage / extension.
eval()是一个危险的函数，它能执行具有调用者权限的代码。如果你执行恶意代码伪装成的字符串，你最终会在客户机上运行具有网页扩展权限的恶意代码，

There are safe alternatives to eval() for common use-cases.
下面是通常情况下安全的使用eval的方法。

Parsing JSON
See Downloading JSON and JavaScript in extensions.

(http://developer.mozilla.org/En/Downloading_JSON_and_JavaScript_in_extensions)

Accessing member properties
You should not use eval to convert property names into properties. Consider the following example. The getFieldName(n) function returns the name of the specified form element as a string. The first statement assigns the string value of the third form element to the variable field. The second statement uses eval to display the value of the form element.
你不要用eval转换属性名字到属性里面。思考下面的例子。getFieldName(n)返回指定元素的名字的字符串形式。第1句将第3个元素的字符串值赋给变量field。第2句使用eval显示从元素中获取的值。

var field = getFieldName(3);
document.write("The field named ", field, " has value of ",
eval(field + ".value"));

However eval is not necessary here. In fact, its use here is discouraged. Instead, use the member operators, which are much faster:
eval在这儿不是必须的。实际上，它在这里使用是不合适的。可以使用成员操作符来代替，而且安全的多。

var field = getFieldName(3);
document.write("The field named ", field, " has value of ",
field[value]);

Cross-implementation compatibility （跨平台兼容性）It should be noted that the second optional parameter to eval is non-standard and not supported in all JavaScript implementations; at the time of this writing, for instance, Rhino doesn't support it, nor does Safari's JavaScriptCore.
也许你会注意到，eval的第2个选项参数不是标准的，不是所有的javascript执行器都支持。

To maintain compatibility across implementations, it is recommended that the second parameter to eval not be used. To achieve the same effect, the with statement may be used. So rather than using
eval(string, object);
use
with (object) {
eval(string);
}

为了保持兼容，推荐不使用eval的第2个参数。为了达到相同的效果，要使用with语句。不使用eval(string, object);而使用：with (object) { eval(string);}

Examples
The following examples display output using document.write. In server-side JavaScript, you can display the same output by calling the write function instead of using document.write.
下面的例子使用document.write 显示输出。在服务器段的JavaScript,你可以使用write 函数代替使用document.write 显示通用的输出。

Example: Using eval
In the following code, both of the statements containing eval return 42. The first evaluates the string "x + y + 1"; the second evaluates the string "42".
这个例子，两个包含eval的语句都返回42.第一个计算字符串"x + y + 1"; 第二个计算字符串"42"。
var x = 2;
var y = 39;
var z = "42";
eval("x + y + 1"); // returns 42
eval(z); // returns 42

Example: Using eval to evaluate a string of JavaScript statements
The following example uses eval to evaluate the string str. This string consists of JavaScript statements that open an Alert dialog box and assign z a value of 42 if x is five, and assigns 0 to z otherwise. When the second statement is executed, eval will cause these statements to be performed, and it will also evaluate the set of statements and return the value that is assigned to z.
这个例子使用eval计算字符串str。这个字符串由JavaScript语句构成，它包括：如果x等于5，则打开一个alert对话框，并赋值z为42，否则赋值z为0.当第2句执行的时候，eval会使第1句中JavaScript语句被执行，并且执行语句和返回z的值。

var str = "if (x == 5) {alert('z is 42'); z = 42;} else z = 0; ";
document.write("

z is ", eval(str));

Return value
eval returns the value of the last expression evaluated.
eval 返回前一个表达式的计算值。

var str = "if ( a ) { 1+1; } else { 1+2; }";
var a = true;
var b = eval(str); // returns 2
alert("b is : " + b);
a = false;
b = eval(str); // returns 3
alert("b is : " + b);

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

JavaEye推荐

让人郁闷的window.open

JavaEye网站 — Thu, 21 Aug 2008 11:00:25 +0800

作者: 会飞的狗链接：http://www.javaeye.com/topic/231006 发表时间: 2008年08月21日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

在使用Ext.grid.GridPanel时，为了方便导出表格中数据。使用了window.open在新窗口中打开PDF,XLS格式的结果，在firefox2.0.15,3.0.1下正常，在IE6，IE7下返回一个空白页面，从服务器控制台可以看到服务器端是执行了报表导出动作，换成链接方式则可以正确显示结果。

window.open(url) 与有这么大区别？export.action是将grid中数据已报表形式显示出来,并可选择导出文件类型。

代码如下

      var grid = new Ext.grid.GridPanel({
          border:false,
          viewConfig: {
            forceFit:true
          },
          store: store,
          cm: cm,
          sm:gridsm,
          loadMask: true,
          bbar: new Ext.PagingToolbar({
              pageSize: 20,
              store: store,
              displayInfo: true,
              items:['-',{
                  text:'查询范围',
                  menu:contactGridFilterMenu
                },
                filterField,
                filterButton,
                clearButton,
                '-',
                {
                  iconCls:'icon-pdf',
                  tooltip:'将表格导出为PDF文件',
                  handler:function(){
                    var s='';
                    if(store.lastOptions){
                      s+=Ext.urlEncode(store.lastOptions);
                    }
                    if(store.baseParams){
                      if(s===''){
                        s+=Ext.urlEncode(store.baseParams);
                      }else{
                        s+='&';
                        s+=Ext.urlEncode(store.baseParams);
                      }
                    }
                    if(''!==s){
                      s = '?'+s;
                    }
                    window.open("export.action"+s,"_blank");
                  }
                },{
                  iconCls:'icon-xls',
                  tooltip:'将表格导出为XLS文件',
                  handler:function(){
                    var s='';
                    if(store.lastOptions){
                      s+=Ext.urlEncode(store.lastOptions);
                    }
                    if(store.baseParams){
                      if(s===''){
                        s+=Ext.urlEncode(store.baseParams);
                      }else{
                        s+='&';
                        s+=Ext.urlEncode(store.baseParams);
                      }
                    }
                    if(''===s){
                      s = '?type=xls';
                    }else{
                      s = '?' + s +'&type=xls';
                    }
                    window.open("export.action"+s);
                  }
                }
              ]
          })
      });

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

JavaEye推荐

关于Ext设计好的界面经常乱掉问题解决方法

JavaEye网站 — Thu, 21 Aug 2008 10:20:57 +0800

作者: oznyang 链接：http://www.javaeye.com/topic/230952 发表时间: 2008年08月21日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

最近在用Ext做界面设计的时候发现经常出现正常的页面在使用几次之后布局就乱七八糟的问题
查了下代码，发现是Ext的stateful作怪
在Component.js中有这么一句：

if(this.stateful !== false){
        this.initState(config);
    }

如果你调用Ext.state.Manager.setProvider启用了状态保持功能，很多component就会保持状态

saveState : function(){
        if(Ext.state.Manager){
            var state = this.getState();
            if(this.fireEvent('beforestatesave', this, state) !== false){
                Ext.state.Manager.set(this.stateId || this.id, state);
                this.fireEvent('statesave', this, state);
            }
}

可以看到保持的状态默认是用this.stateId || this.id做key，但是大部分component我们不会给他指定id，这时候ext就会默认给他生成一个id

    getId : function(){
        return this.id || (this.id = "ext-comp-" + (++Ext.Component.AUTO_ID));
    }

可以看出这个id是从ext-comp-1000开始的字符串
很有可能一个界面在刷新后，两个不同component具有同一个id，这时候stateful就会搞错对象，举个例子
Ext.Window中保持的状态是：

    getState : function(){
        return Ext.apply(Ext.Window.superclass.getState.call(this) || {}, this.getBox());
    },
    getBox : function(local){
        var s = this.el.getSize();
        if(local === true){
            s.x = this.el.getLeft(true);
            s.y = this.el.getTop(true);
        }else{
            var xy = this.xy || this.el.getXY();
            s.x = xy[0];
            s.y = xy[1];
        }
        return s;
    },

可以看到保存了Ext.Window的坐标以及大小，如果这些信息被加载到了其他component上面去了，不乱掉才怪
解决这个问题的办法是，默认禁掉stateful

1.不调用Ext.state.Manager.setProvider 不会启用保持
2.

if(this.stateful !== false){
        this.initState(config);
    }

改成

if(this.stateful){
        this.initState(config);
    }

默认就不保持状态，我就是这么干的
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

关于如何编写灵活定制列样式的Grid控件

JavaEye网站 — Wed, 20 Aug 2008 01:25:36 +0800

作者: ham 链接：http://www.javaeye.com/topic/230287 发表时间: 2008年08月20日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

Grid控件，相信很多人都已经写过，或者重构过了。
对于Grid中的某些功能，实现起来会比较头疼。其中很重要的一个就是定制列样式的实现，如将列设为单选框，下拉框…等等。网上的Grid控件的做法，几乎都是使用的内部定义好的一些样式，使用时进行指定，虽说实现了大部分的需求功能，但对于某些特殊的自定义功能，想实现起来就很没什么办法了，只有扩展源代码。

做Grid控件有一段时间了，被这个问题烦了有一段时间。开始的时候也是模拟网上部分Grid的实现方式，自定义了部分列样式，封装在Grid中，但面对着各种需求的自定义样式，感觉越来越力不从心。

经过一段时间的摸索之后，终找到了一种个人最好的实现方式，对于实现某些自定义样式很方便，也很灵活。可以有效的将列的样式和Grid控件分离开来。实现了高定制化的Grid。

还是用代码来说明吧：

Grid控件中用实现自定义表格的伪代码：

function myGridConfig(id){
    this.__id=id;
    var _self=this;
    ...
    _self.createHead=function(titles){
        this.titles=titles;//设列标题以数组形式存储
        ...
    }
    _self.getdata=function(){
        //从数据库读取数据，并以二维数组的方式返回。
    }
    _self.createBody=function(){
        ...
        var grid=...//表格对象。
        var data=getdata();
        for(var i=0;i



有了以上的代码，那么在调用Grid的页面，就可以很方便的实现自定义列样式了。假设从数据库中通过getdata()方法得到的数据为以下形式：[
["001","张三","男"],
["002","李四","男"],
["003","王五","男"]
]



如想在最后一列加上一个“操作”列。则可以写一个div,将所要实现的功能放在div之中：//这里是myGrid_col_3..如果Grid控件的__id为"myGrid",它的第四列就会被替换成为其内部的内容。

编辑
删除
//由于在上面的代码中，_id_会被替换为data中的第一列的值，并赋到相应的单元格内。
//所以每点击编辑，就会调用edit方法。并将当前行的第一列值传进去。就可以对专门的某一条数据进行操作。




又例如，要将第三列的值改变为一个select下拉框，那么，只要将这段代码加入到页面中，实现了。：



是不是很方便呢？



这样这种方式的好处就是，样式代码和Grid控件分离开了，两者不再耦合在一起，当想要修改某一列的样式时，只要修改那一列的样式所在的div的内容即可。你想到什么样的样式，就可以写什么样的样式，只要你想得到，几乎都可以通过相应的方式实现。



当然，一般当前行数据的id是不会显示在代码中，而是是被隐藏起来的。隐藏的功能只要在myGridConfig中编写相应的代码进行实现就可以了，这里只是讨论自定义列样式的功能，所以就不涉及那方面了。



如果各位对我这个实现有什么看法和建议或者不清楚的地方，欢迎交流和讨论。



另外如果各位有各好的定制列样式的方法，各位是怎么做的呢？

------------------------------------------------------------------------------------------------

本来想把Grid的代码也共享过来，但由公司是使用的平台的特殊性，我写的那些控件都是以特定的格式编写和调用的，Grid控件离开平台就无法运行，要修改很大一部分代码，所以就没做这方面的工作。

(08-20 1:08 by ham)
          

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



          JavaEye推荐
          

          搜狐网站诚聘Java、PHP和C++工程师
北京: 千橡集团暨校内网诚聘软件研发工程师

网页显示日历的初步实现

JavaEye网站 — Tue, 19 Aug 2008 12:40:24 +0800

作者: tianmo2008 链接：http://www.javaeye.com/topic/230114 发表时间: 2008年08月19日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

刚学Prototype框架，想自己写个日历控件来练习一下Prototype，整理了一下思路后,初步实现了一些代码。希望大家给点意见。
（运行要引进Prototype 1.5.1.2.js）



	
    	星期日
        星期一
        星期二
        星期三
        星期四
        星期五
        星期六

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

JavaEye推荐

flamingo生成工程过程解析

JavaEye网站 — Wed, 20 Aug 2008 15:40:21 +0800

作者: lovefly_zero 链接：http://www.javaeye.com/topic/230728 发表时间: 2008年08月20日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

1、在DOS模式下随便选择一个你的文件夹，输入"flamingo create project"

在运行Maven2调用com.exadel.flamingo.maven.plugin插件后，系统会提示你l"Please choose the type of application to generate (flamingo-seam, flamingo-spring)[flamingo-seam]"，选择你需要的程序类型。在方括号描述的是"FlamingoSDK.properties"文件默认的选择项，若想选择它们，只要按回车即可。然后按下面预定的步骤进行就可以了。

我没有研究过Seam，所以我只使用了Spring的方式，下面是Spring的配置。

Spring Configuration
步骤选择 (蓝色为中文描述信息)
Please enter the location in which your new application will be created (i.e. c:/java/development):

为将要创建的工程指定一个文件夹路径（可以是相对路径，也可以是绝对路径）

Enter the project name (e.g. myproject): [myproject]

创建一个工程名，包括指定Pom.xml文件的artifactId里，在生成一个war或者ear 文件时也会要使用到它
Please enter the root package name for your project(e.g. com.mydomain.myproject): [com.sample]

为所有的源文件指定一个包名，它包括Pom.xml文件的groupId,Flex和Java Web的 package名.

Will this project have Flex or JavaFX user interface? (flex, javafx): [flex]

这一步仅在选择flex时会疑问，因为它对客户端有特殊的要求，需要你在后来生成的flex里的pom.xml文件中指定一个Flex的SDK的环境变量，才能把mxml和as文件正确编译成swf文件

Will this project use Hessian or AMF protocol? (amf, hessian): [amf]

按照用户自己的需求设置一个协议，pom.xml将为此配置一个依赖："amf-serializer-1.6.0.jar" 或者"hessian-3.1.3.jar".然后创建相应的源代码

What kind of database are you using? (hsql, mysql, oracle,postgres, mssql, db2, sybase, none): [hsql]

选择一个数据库类型，然后将会自动向Maven的仓库下载一个相应的JDBC driver和在Hibernate.config.xml文件中配置当前数据库方言如果你选择"none"，该向导将会停止并且不会生成数据库代码的样本。

Enter the JDBC URL for your database (e.g. jdbc:hsqldb:.): [jdbc:hsqldb:.]

为你存在的数据库配置JDBC路径，如果你不是使用"hsql"数据库，请把相应的数据库driver jar包复制到web服务器的lib路径比如：Jboss --"jboss/server/default/lib".

Enter database username: [sa]

输入数据库的用户名

Enter database password: []

输入数据库的密码，没有密码，请重新设置一个。如果你直接按回车，系统将使用你上次创建的工程时使用的数据库密码

Do you want to update the database schema each time you deploy? (y, n): [y]

如果你按“y”,Hibernate 将每次在你的工程重新部署时修改你的数据库。按"n",仅在你的数据库表结构和实体模型验证不匹配时才是执行修改

Enter the entity class name (Flex source files to view and
modify entities will be generated as well): [Person]

指定一个实体类名称并生成可显示和可编辑实体对象的示例代码，服务器端和客户端都会生成示例代码。

2、导航到目标工程的地址，仔细检查已构建完的工程。应用模块的结构在"readme.txt"文件中有详细的描述。编译并发布整个实体工程，在命令行里使用"mvn package"命令。
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

flamingo命令解析

JavaEye网站 — Wed, 20 Aug 2008 15:23:26 +0800

作者: lovefly_zero 链接：http://www.javaeye.com/topic/230716 发表时间: 2008年08月20日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

在http://www.exadel.com/web/portal/download/flamingo 下载flamingo1.6

首先把{flamingo_home}/bin在环境变量Path下，这样你就可以在任何盘符下使用flamingo命令了
"flamingo" -执行Flamingo代码生成器。“flamingo.bat”批处理文件和"flamingo"脚本文件负责处理在命令行使用Maven2插件命令构建一个Flamingo工程并产生相关源代码。前提：你要确保你安装了Maven2。

摘要
flamingo 命令

命令

create project
创建一个Flamingo 工作环境，它包括了所有必需的依赖、Maven的pom.xml文件、一个flamingoproject配置文件。
1、一个专业的引导程序将围绕在完整一个安装过程。
2、flamingoproject.properties文件中包含了当前项目的属性定义。
3、Maven的pom.xml文件的将使工程更容易导入，更好的使用Junit进行测试。

示例: flamingo create project

create entity

根据工程中的Seam/Spring框架部分依赖创建不同的实体服务：
1、一个实体Bean、Bean服务和它相关的Junit的测试
2、包括使用"create screen"命令生成本实体的Flex部分的代码。

示例: flamingo create entity -Dname=Book

create screen

从已存在的实体类生成.mxml源代码的CRUD部分
1、它包括一个可编辑的表格和显示一个从数据库获取来的数据列表
2、在"create screen"期间自动生成ActionScript操作类，不需要再使用"generate beans"命令。

示例: flamingo create screen

generate beans

从已经存在的Java文件生成ActionScript文件。它能从工程中的所有Java文件或者单个Java文件生成。当然，它需要你指定源文件的包名。这个代码生成器是在"create screen"命令期间内自动执行的。

示例: flamingo generate beans

help
打印帮助.

示例: flamingo help
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

EXT/FCKEditor 集成 -- AJAX UI -- 一种web开发的新的思维

JavaEye网站 — Mon, 18 Aug 2008 13:54:38 +0800

作者: vb2005xu 链接：http://www.javaeye.com/topic/229180 发表时间: 2008年08月18日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

代码如下,刚学习EXT,感觉比使用DOJO畅快许多,不像<<征服AJAX dojo,prototype,script.aculo.us>>书中作者使用的DOJO是0.4的版本,我下的是1.1的版本,结果许多组件的命名空间都变了,书中讲的代码等于是废的.前面的prototype,script.aculo.us到是讲的不错,但是不深. 所以后面自己也就废弃了DOJO的学习,学习了EXT.

我是PHP程序员,做PHP也就意味着不能像JAVA,.NET一样使用服务器端组件,更没有服务端AJAX组件了...

我是从JAVA web开发者转到PHP的,之前参与过北京市旅游局系统二期改造项目和中关村高新技术园调查的开发,

使用工作流组件开发相当快. 转到PHP后刚开始有些不太适应,几个月后也就适应了,学习到了很多东西.包括开发思维的转变.

这里总结了一些经验:

1. 使用一套PHP4/PHP5兼容框架,推荐使用FLEAPHP,使用好几个月了,相当的好用.

2. 熟悉SMARTY 这个模板框架是必须学会的,即使你是程序员

3. 熟悉MVC结构,这个是最重要的.如果你不想在后期狂改代码的话

[对于PHP我只分出VC和DAO层,一般只需要这两个]

4. 要求会使用JS开发,知道使用OOP来写JS. 至少熟悉Prototype框架

5. 对做企业应用的话EXT是不能少的,虽然我到现在还不知道它的版权到底是怎样的.我没有找到

[说是GPL3 或者LGPL 但是仍然要收费,做多个项目是不是要求购买OEM版的,我也不知道,所以决定购买一套UCREN]

index.html

http://www.w3.org/TR/html4/loose.dtd">

EXT/FCKEditor 集成 -- AJAX UI -- 一种web开发的新的思维,要及时转换思想

FckExtjsCall.js

Ext.onReady(function() {
var fckFormObj = new Ext.FormPanel({
  labelWidth:75,
  url:"",
  title:"EXT/FCKEditor 集成 -- vb2005xu | cdlinux.ys168.com",
  bodyStyle:"padding:5px 5px 0",
  defaultType:"form",
  buttons:[
   {
    text:"Save" ,
    type:'submit',
    handler: function(){
     //获取fckeditor内容赋给textarea
     Ext.get('fckInstance').dom.value = "jjj";//fckobj.GetXHTML(true) + '提交后';
     Ext.MessageBox.alert('FCK内容',Ext.get('fckInstance').dom.value);
     if (fckFormObj.form.isValid())
     {
      //创建响应测试函数
      var fckobj_temp = FCKeditorAPI.GetInstance('fckInstance');
      //fckobj_temp.UpdateLinkedField();//此方法被绑定到submit事件

      fckFormObj.form.doAction('submit',{
       url:'submit.php',
       method:'post',
       waitMsg:'正在提交,请稍等...',
        success:function(form,action){//成功
        showInfo('Success',fckobj_temp.GetXHTML(true));
        } ,
        failure:function(form,action){//失败
        showInfo('Failed','网络中断造成连接失败');
        }
      });
     }
    }
   },
   {
    text:"Cancel"
   }
  ],
  items:[{
      xtype:"textarea",
      fieldLabel:"编辑",
      labelSeparator:"：",
      id:"fckInstance", //div节点，这里要挂接FCKeditor编辑器
      name:"fckInstance",
      width:736,
      height:371
  }]
});
fckFormObj.render(document.body);

/*创建Fckeditor对象 -- 构造函数指出了Fckeditor要挂接的id,上文中的xtype : 'textarea'指定*/
//在页面上要求挂载fckeditor/fckeditor.js文件
var fckobj = new FCKeditor('fckInstance',810,350);
fckobj.BasePath = "/ucren/fckeditor/" ;
fckobj.ToolbarSet = 'Default' ;
fckobj.ReplaceTextarea();

//创建响应测试函数
function msgBox()
{
  var fckobj_temp = FCKeditorAPI.GetInstance('fckInstance');
  fckobj_temp.UpdateLinkedField();//此方法被绑定到submit事件
  Ext.MessageBox.alert('FCK内容',fckobj_temp.GetXHTML( true ));

}

function showInfo(tip,str){
  var win = new Ext.Window({
   title: '信息提交应答提示 -- ' + tip,
   width: 400 , height: 200 ,autoScroll: true ,
   html: '

'+ str +'

'
  });
  win.show();
}
});

submit.php

这个是一个空文件可以自己添加内容 .

以下是工程代码结构图

卷 kong 的文件夹 PATH 列表
卷序列号码为 00003AB9 6CED:1D77
G:.
├─.cache
├─.settings
├─blog
├─extjs
│ ├─app
│ │ ├─extfckapp
│ │ └─ExtremeWebManager
│ └─js_source
│      └─resources
│          ├─css
│          └─images
│              ├─default
│              │ ├─box
│              │ ├─button
│              │ ├─dd
│              │ ├─editor
│              │ ├─form
│              │ ├─grid
│              │ ├─layout
│              │ ├─menu
│              │ ├─panel
│              │ ├─progress
│              │ ├─qtip
│              │ ├─shared
│              │ ├─sizer
│              │ ├─slider
│              │ ├─tabs
│              │ ├─toolbar
│              │ ├─tree
│              │ └─window
│              ├─gray
│              │ ├─button
│              │ ├─panel
│              │ ├─qtip
│              │ ├─tabs
│              │ ├─toolbar
│              │ └─window
│              └─vista
│                  ├─basic-dialog
│                  ├─grid
│                  ├─layout
│                  ├─qtip
│                  ├─sizer
│                  ├─tabs
│                  └─toolbar
├─fckeditor
│ └─editor
│      ├─css
│      │ ├─behaviors
│      │ └─images
│      ├─dialog
│      │ ├─common
│      │ │ └─images
│      │ ├─fck_about
│      │ ├─fck_docprops
│      │ ├─fck_flash
│      │ ├─fck_image
│      │ ├─fck_link
│      │ ├─fck_select
│      │ ├─fck_spellerpages
│      │ │ └─spellerpages
│      │ │      └─server-scripts
│      │ └─fck_template
│      │      └─images
│      ├─dtd
│      ├─filemanager
│      │ ├─browser
│      │ │ └─default
│      │ │      ├─images
│      │ │      │ └─icons
│      │ │      │      └─32
│      │ │      └─js
│      │ └─connectors
│      │      ├─asp
│      │      ├─aspx
│      │      ├─cfm
│      │      ├─lasso
│      │      ├─perl
│      │      ├─php
│      │      └─py
│      ├─images
│      │ └─smiley
│      │      └─msn
│      ├─js
│      ├─lang
│      ├─plugins
│      │ ├─autogrow
│      │ ├─bbcode
│      │ │ └─_sample
│      │ ├─dragresizetable
│      │ ├─placeholder
│      │ │ └─lang
│      │ ├─simplecommands
│      │ └─tablecommands
│      ├─skins
│      │ ├─default
│      │ │ └─images
│      │ ├─office2003
│      │ │ └─images
│      │ └─silver
│      │      └─images
│      └─_source
│          ├─classes
│          ├─commandclasses
│          └─internals
├─json
├─phplibs
│ ├─FLEA
│ │ ├─FLEA
│ │ │ ├─Ajax
│ │ │ ├─Com
│ │ │ │ └─RBAC
│ │ │ │      └─Exception
│ │ │ ├─Config
│ │ │ ├─Controller
│ │ │ ├─Db
│ │ │ │ ├─Driver
│ │ │ │ └─Exception
│ │ │ ├─Dispatcher
│ │ │ │ └─Exception
│ │ │ ├─Exception
│ │ │ ├─Filter
│ │ │ ├─Helper
│ │ │ ├─Rbac
│ │ │ │ └─Exception
│ │ │ ├─Session
│ │ │ ├─View
│ │ │ │ └─Exception
│ │ │ └─_Errors
│ │ │      ├─chinese-gb2312
│ │ │      ├─chinese-utf8
│ │ │      ├─default
│ │ │      └─_common
│ │ └─_Cache
│ └─Smarty
│      ├─internals
│      └─plugins
├─prototype
├─taskofpig
│ ├─Controller
│ ├─Dao
│ ├─js
│ ├─music
│ ├─tpl
│ ├─tpl_c
│ └─_log
├─ucren-documentation
│ ├─common
│ └─images
│      └─bigicons
└─ucren-engine
    ├─classes
    │ ├─animation
    │ ├─net
    │ └─patch
    └─resource
        └─skins
            └─qq

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

JavaEye推荐

看看这样的应用场景用什么Flex通信技术比较好

JavaEye网站 — Sun, 17 Aug 2008 15:40:41 +0800

作者: freespace 链接：http://www.javaeye.com/topic/228968 发表时间: 2008年08月17日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

Flex客户端->Web服务器->现场设备，现在在Flex中下发一个命令给Web服务器，Web服务器和现场设备通信，将通信结果返回给Flex客户端，不知道这种场景用什么通信技术比较和。

目前已知,blazeds的发布/订阅模式不适合这种应用场景,因为接受方只有一个，需要放送到特定的客户端。
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

clientWidth和offsetWidth的差异测试

JavaEye网站 — Mon, 18 Aug 2008 21:33:05 +0800

作者: lifesinger 链接：http://www.javaeye.com/topic/229935 发表时间: 2008年08月18日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

对clientWidth和offsetWidth在各个浏览器上的差异做了一个简单的测试页面，点击这里查看。
请在各个浏览器中打开上面的页面查看效果。

结论：
1. clientWidth and clientHeight的定义：The width and height of the content field, excluding border and scrollbar, but including padding. 但在ie6和ie7中，没有excluding scrollbar.
2. 在ie6和ie7中，当元素的hasLayout为false时，clientWidth和clientHeight始终为0
3. 在ie7中，zoom为1时，clientWidth有时依旧为0（参考test4和test5）
4. 总之，在ie6和ie7中，某些情况下（很难一一找出），clientWidth会为0，是UNRELIABLE的。
5. 相对而言，offsetHeight要可信得多。但是看上面的test6，在ie7中也挂了。
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

也来秀一下我的EXT半成品

JavaEye网站 — Mon, 18 Aug 2008 12:01:33 +0800

作者: earls 链接：http://www.javaeye.com/topic/229137 发表时间: 2008年08月18日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

采用菜单打开窗口的方式，实现单页面应用。
另外对需要的JS采用了动态按需加载的方式
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

Flex学习笔记_06 使用行为对象和动画效果_认识行为对象、行为和组件

JavaEye网站 — Sun, 17 Aug 2008 01:30:12 +0800

作者: enboga 链接：http://www.javaeye.com/topic/228827 发表时间: 2008年08月17日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

6.1 认识行为对象

6.1.1 什么是行为对象

行为对象可以看作是触发器(Trigger) 和动画效果(Effect) 的结合体。
触发器和事件并不相同，针对一个事件的触发器，受到事件的制约。事件可以被监听，而触发器不可以。
组件定义了多种触发器，成为本身的一个属性，这些触发器默认没有设置动画效果。
行为对象允许对一个触发器定义多个动画效果，当触发器被激活，这些动画会按某种顺序运行。

6.1.2 创建行为

Move 标签：将target 指定的作用目标 img图片从xFrom 移动到 xTo 位置，duration 表示持续的时间（单位：毫秒）。

所有动画对象都继承 Effect 对象。抽象类，定义了以下方法来控制动画的播放流程：

play(targets:Array = null, playReversedFromEnd:Boolean=false)：开始播放，targets：一组目标对象，这将覆盖原来的目标对象。playReversedFromEnd：是否逆向播放。
end()：停止播放动画
pause()：暂停动画
resume()：当暂停时，继续播放
reverse()：逆向播放动画，如果动画正在播放，则从当前位置开始逆向播放。

我们也可以使用AS来完成行为的创建：

6.2 行为和组件

6.2.1 组件的行为和动画效果

UIComponent 是所有组件的父类，定义了组件共有的属性和方法，其中包括行为触发器：

触发器名词	对应的事件名词	事件描述
addedEffect	added	当被添加到容器中时触发
createCompleteEffect	createComplete	当组件完成绘制时触发
removedEffect	removed	当组件从容器中删除时触发
focusInEffect	focusIn	当组件获得焦点时触发
focusOutEffect	focusOut	当组件失去焦点时触发
hideEffect	hide	当组件变成不可见时触发
showEffect	show	当组件变成可见时触发
mouseDownEffect	mouseDown	当鼠标在组件上按下时触发
mouseUpEffect	mouseUp	当鼠标在组件上松开时触发
rollOutEffect	rollOut	当鼠标在组件上移开时触发
rollOverEffect	rollOver	当鼠标移到组件上时触发
moveEffect	move	当组件被移动时触发
resizeEffect	resize	当组件大小改变时触发

所有的动画效果都是Effcet 类的子类，位于 mx.Effects 包中：

Effect 名称	动画效果描述
AnimateProperty	针对组件的一个以数字计算的属性，比如长度，按给定的起始值逐渐改变属性的大小。
Blur	模糊效果。可以让组件变得模糊，核心由 BlurFilter 滤镜完成。当对组件使用了该效果，不可再使用 Blur 滤镜和其他模糊效果。
Fade	淡入淡出效果。注意：当目标对象中包括文字时，必须使用嵌入字体。
Dissolve	溶解效果，主要是在目标对象上增加覆盖层，改变覆盖层的透明度，达到让目标消失或出现的效果。和 Fade 效果相比，它可以设置覆盖层的颜色。注意：当目标对象中包括文字时，必须使用嵌入字体。
Glow	发光效果，使用了GlowFilter 滤镜。当对组件使用了该效果，不可再使用GlowFilter 滤镜和其他发光效果。
Iris	彩虹效果，组件以矩形方式，从中心放大或缩小到中心。属于遮罩效果。
Move	移动效果，移动组件的坐标，只有当组件位于支持绝对定位的容器中时才有效。
Pause	停止，什么都不改变，没有动画。一般用于复合动画效果中，用来分割前后两个动画。
Resize	尺寸调整效果，改变组件的长和宽。当改变组件的长和宽时，处于同一个容器的其他组件的大小也可能会相应改变，如果该容器使用了绝对定位则不会发生这种情况。
Rotate	旋转效果。
SoundEffect	注意：当目标对象中包括文字时，必须使用嵌入字体。
WipeLeft WipeRight WipeUp WipeDown	擦除效果，属于遮罩效果。对应不同方向。
Zoom	放缩效果，以组件为中心进行放缩。

6.2.2 为组件添加行为--监听动画的执行

effectStart 和 effectEnd 是动画效果共有的事件，分别在动画的开始和结束时被激发。

repeatCount 和 repeatDelay 也是共有属性，分别表示动画播放的次数和每次都间隔时间

可以通过CSS样式来设定组件的行为：


        .image{
            showEffect:    myIris;
            hideEffect:    myIris;
        }
        .image2{
            showEffect:    myWipe2;
            hideEffect:    myWipe;
        }

或者通过setStyle 来设置样式：

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

JavaEye推荐

Flex PureMVC 简单分析

JavaEye网站 — Fri, 15 Aug 2008 20:41:32 +0800

作者: xiaoY 链接：http://www.javaeye.com/topic/228512 发表时间: 2008年08月15日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

项目需要，对PureMVC进行了一些研究，分析了一下结构和流程，贴出来希望大家指正错误。

1结构

总的来说是把传统的MVC三层，利用Observer和Command模式进行了解耦
View、Control、Model也细化成：UI、Mediator、Command、ModelProxy、Model。另外ApplicationFacade负责配置模块之间的映射关系和初始化

2流程

蓝色箭头：表示初始化时做的注册、映射等操作
黑色箭头：表示职责
红色箭头：一个用户操作产生后的代码流程。

A 在视图和控制层之间，利用Flex自带的Event机制，通过Dispatch和Listener实现解耦。

Detail：UI为一个MXML，并对应一个Mediator，可以称为中介。UI中的组件只负责通过 click=" dispatchEvent(new Event(CREATE, true))" 的方式抛出事件。
Mediator 为UI中抛出的各个事件注册并实现监听函数。

B 在控制层和model（Service）层之间，利用PureMVC自己实现的Notification机制，发送出Notification，映射到Command执行业务代码，实现解耦。

Detail：视图对应的Mediator接收到视图抛出的event后，进行预处理，将数据包装成Notification，调用PureMVC的Notification接口将通知发送出去，每个Notification都会通过配置，映射到Command。 Command执行过程中可以调用ModelProxy（实体代理）中的Service。ModelProxy中的Service负责与后台通信（调用后台RemoteObject或者发送HTTP Service等）并维护Model。异步返回结果会调用Command中的Result或Fault方法。此时Command可以继续发送Notification启动下一个Command。
另外一个比较关键的环节是，对于每个Notification，PureMVC不仅会映射到Command并执行，而且Mediator中也可以通过实现handleNotification接口来接收该通知并进行处理。

另外，关于项目的初始化，过程在这里单独描述一下，因为它也是利用这个流程。项目的Applicaiton MXML作为程序入口，需要产生一个Application Facade实例，产生的过程中ApplicationFacade会完成Notification和Command的映射，然后Application MXML发送一个“Initialize”之类的初始化Notification，通过刚完成的映射，一个初始化命令会产生并执行（InitAppCommand），在这个命令中可以进行系统初始化操作，以及完成UI和Mediator的映射。

总结：
具体的过程和以往的MVC解耦方法类似，都是通过观察者模式+命令模式，也有点像Eclipse插件开发的GEF开发。

其中Mediator作为视图的中介，在视图和控制的解耦中起到比较关键的作用。而且handleNotification的接口设计也很到位。根据分析的几个项目代码，直接控制UI显示的代码大部分是在这个接口中实现。也就是将Control分成了两种，UI相关的Control（Mediator负责），和业务相关的Control（Command负责）。这样各部分职责更加清晰。

另外Mediator控制UI显示也提倡通过维护Bindable数据来实现。

至于缺点的话，有一点是很明显的，那就是配置映射关系的代码。这里没有贴出映射代码，但是看到这里大家应该也看出来PureMVC的流程是很依赖映射关系的
1 UI和Mediator的映射（InitAppCommand中）
2 UI抛出的Event和Mediator的监听函数映射（Mediator中）
3 Notification和Command的映射。（ApplicaitonFacade中）

这三种配置必然会随着项目的规模而膨胀。需要细心控制和维护。

另外使用Notification机制总有种兜圈子的感觉，虽然模块划分更清晰，功能职责更细化，但一些本来简单的逻辑也会带出自己的Notification和Command，Command的粒度问题也需要考虑。
本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

修改EditorGridPanel让它支持Lookup效果

JavaEye网站 — Fri, 15 Aug 2008 14:19:53 +0800

作者: lidg 链接：http://www.javaeye.com/topic/228370 发表时间: 2008年08月15日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

记得Dephi里有一个叫Lookup效果的Grid（不知道是不是这种叫法），就是如何在Grid中显示或编辑代码数据项，下面就是Ext的实现
希望对有这种需求的同学有所帮助。
一、重写Ext.grid.GridEditor让Editor控件获得Grid的当前行数据，代码如下，大家可以对照原来Ext.grid.GridEditor的源码

Ext.grid.GridEditor = function(field, config){
    Ext.grid.GridEditor.superclass.constructor.call(this, field, config);
    field.monitorTab = false;
};

Ext.extend(Ext.grid.GridEditor, Ext.Editor, {
    alignment: "tl-tl",
    autoSize: "width",
    hideEl : false,
    cls: "x-small-editor x-grid-editor",
    shim:false,
    shadow:false,
    //从Editor.js中拷贝过来
    startEdit : function(el, value){
        if(this.editing){
            this.completeEdit();
        }
        this.boundEl = Ext.get(el);
        var v = value !== undefined ? value : this.boundEl.dom.innerHTML;
        if(!this.rendered){
            this.render(this.parentEl || document.body);
        }
        if(this.fireEvent("beforestartedit", this, this.boundEl, v) === false){
            return;
        }
        this.startValue = v;
        this.field.record = this.record;//就加入这一行，让field中获得当前数据行
        this.field.setValue(v);
        this.doAutoSize();
        this.el.alignTo(this.boundEl, this.alignment);
        this.editing = true;
        this.show();
    }
});

二、继承Ext.form.ComboBox，让combo在设置值时把代码值写到Grid当前行的代码数据项中：

Ext.form.LookupComboBox = Ext.extend(Ext.form.ComboBox, {
setValue:function (v) {
	var text = v;
	var lookupValue;
	//增加的代码
	if (this.codeField) {
		var r = this.findRecord(this.displayField, v);
		if (r) {
			lookupValue = r.data[this.codeField];
		} else {
			if (this.valueNotFoundText !== undefined) {
				lookupValue = this.valueNotFoundText;
			}
		}
	}
	if (this.record&&lookupValue) {
		this.record.set(this.lookup, lookupValue);//把代码值写到Grid当前行数据中的代码项目字段
	}
	//增加的代码 --end
	this.lastSelectionText = text;
        if(this.hiddenField){
            this.hiddenField.value = v;
        }
        Ext.form.ComboBox.superclass.setValue.call(this, text);
        this.value = v;
}});

三、使用:如下代码，附件有完整的例子，下载解压到ext的examples\grid文件夹中可以运行.

//查帐信息
var itemTypeStore = new Ext.data.SimpleStore({
        fields: ['code','name'],
        data : [['100','流动资产'],['101','固定资产']]
    });
var insureModeStore = new Ext.data.SimpleStore({
        fields: ['code','name'],
        data : [['100','账面原值'],['101','原值加成'],['102','账面余额'],['103','余额加成'],['104','清单'],['105','估价'],['106','账面净值'],['107','其他']]
 	});
var currencySystemStore = new Ext.data.SimpleStore({
        fields: ['code','name'],
        data : [['0110001','美元'],['0110002','英镑'],['0110003','港币'],['0110004','人民币']]	
 	}); 	    
   
var Plant = Ext.data.Record.create([
        {name:'id',type:'int'},
		{name:'surveyId',type:'int'},
		{name:'itemType',type:'string'},
		{name:'itemName',type:'string'},
		{name:'insureMode',type:'string'},
		{name:'currencySystem',type:'string'},
		{name:'insuredAmount',type:'float'},
		{name:'spotPrice',type:'float'},
		{name:'desc',type:'string'}
      ]); 
var auditReader = new Ext.data.JsonReader({
        idProperty:'id',
        fields: [
									{name:'id',type:'int'},
									{name:'surveyId',type:'int'},
										'itemType','itemName','insureMode','currencySystem','desc',
										'insureModeName','itemTypeName','currencySystemName',
									{name:'insuredAmount',type:'float'},
									{name:'spotPrice',type:'float'},
									{name:'inAccountTime',type:'date',format:'Y-m-d H:i'}
		]
    });         

var auditStore = new Ext.data.Store({
				data: xg.dummyData,
				reader: reader,
				remoteSort: true
			});        
var auditsm = new xg.RowNumberer();
var auditcm = new xg.ColumnModel([
		auditsm,
		{id:'id',hidden: true,dataIndex:'id',sortable: false},
		{header:'项目类型代码',hidden:true,dataIndex:'itemType',sortable: false},
		//下面是代码的lookup字段，
		{header: '项目类型', width: 100,dataIndex: 'itemTypeName',sortable: false,
		 renderer: function(v, params, record){
		 //根据项目类型字段的值找代码数据中它的应名称，并显示出来,就可以实现lookup效果了
			return findRecordValue(itemTypeStore,'code',record.data['itemType'],'name');
		}, 
		//加入LookupComboBox，实现lookup的编辑效果
		 editor: new Ext.form.LookupComboBox({
        			store: itemTypeStore,
        			codeField:'code',
        			displayField:'name',
        			lookup:'itemType',
        			typeAhead: true,
        			mode: 'local',
        			triggerAction: 'all',
        			emptyText:'--请选择--',
        			selectOnFocus:true
    			}) 
		 },
		{header: '项目名称', width: 100,dataIndex: 'itemName',sortable: false,
		 editor: new Ext.form.TextField({
                   allowBlank: false
                })
		},
		{header: '投保方式', width: 100,dataIndex: 'insureModeName',sortable: false,
		renderer: function(v, params, record){
			return findRecordValue(insureModeStore,'code',record.data['insureMode'],'name');
		},
		 editor: new Ext.form.LookupComboBox({
        			store: insureModeStore,
        			codeField:'code',
        			displayField:'name',
        			lookup:'insureMode',
        			typeAhead: true,
        			mode: 'local',
        			triggerAction: 'all',
        			emptyText:'--请选择--',
        			selectOnFocus:true
    			})
		},
		{header:'投保方式代码',hidden: true,dataIndex:'insureMode',sortable: false},
		{header: '投保时金额',renderer: Ext.util.Format.money,width: 100,dataIndex: 'insuredAmount',sortable: false,
		 editor: new Ext.form.NumberField({
                    allowBlank: false,
                    allowNegative: false,
                    style: 'text-align:left'
                })
		},
		{header: '出险时金额',renderer: Ext.util.Format.money,width: 80,dataIndex:'spotPrice',sortable: false,
		 editor: new Ext.form.NumberField({
                    allowBlank: false,
                    allowNegative: false,
                    style: 'text-align:left'
                })
		},
		{header:'项目币种代码',hidden:true,dataIndex:'currencySystem',sortable:false},
		{header: '项目币种', width: 60,dataIndex:'currencySystemName',sortable: false,
		renderer: function(v, params, record){
			return findRecordValue(currencySystemStore,'code',record.data['currencySystem'],'name');
		},
		 editor: new Ext.form.LookupComboBox({
        			store: currencySystemStore,
        			codeField:'code',
        			displayField:'name',
        			lookup:'currencySystem',
        			typeAhead: true,
        			mode: 'local',
        			triggerAction: 'all',
        			emptyText:'--请选择--',
        			selectOnFocus:true
    			})
		},
		{header: '入帐时间', width: 90,dataIndex:'inAccountTime',sortable: false,
		 renderer: Ext.util.Format.dateRenderer('Y-m-d H:i'),
		 editor: new Ext.form.DateField({format:'Y-m-d H:i',menu:new DatetimeMenu()})
		},
		{header:'说明',width:120,dataIndex:'desc',sortable: false,
		 editor:new Ext.form.TextArea()
		}
		]);
auditcm.defaultSortable = true;
var auditInfoGrid = new xg.EditorGridPanel({
	title:'查帐信息',
	iconCls:'icon-grid',
	store: auditStore,
    cm: auditcm,
    loadMask: true,
    bodyStyle:'width:100%',
    border:false,
    frame:true,
    clicksToEdit:1,
    renderTo: document.body,
    viewConfig: {forceFit:true},
        tbar:[{text:'增加',tooltip:'增加查帐信息',iconCls:'add',handler : function(){
        		var plan = new Plant({id:0,surveyId:20,itemType:'',itemName:'',insureMode:'',currencySystem:''});
        		auditStore.commitChanges();
        		var count = auditStore.getCount(); 
        		auditStore.insert(count,plan);
        		auditInfoGrid.startEditing(count, 0);
        		}
        	 }, 
        	'-', 
        	{text:'删除',tooltip:'删除查帐信息',iconCls:'remove',handler:function(){alert(Ext.util.Format.date(auditStore.getAt(0).data.inAccountTime,'Y-m-d H:i'));}}
        ]
});
auditStore.load();
Ext.grid.dummyData = [{id:1,surveyId:20,itemType:'100',itemName:'电脑设备',desc:'革命同志',insureMode:'100',currencySystem:'0110004',insuredAmount:1000.00,spotPrice:8900.00,inAccountTime:'Fri Aug 15 11:18:07 CST 2008'}];

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

JavaEye推荐

星期日	星期一	星期二	星期三	星期四	星期五	星期六