AJAX论坛最新讨论 - JavaEye JavaScript编程、XMLHTTP、AJAX开发、UI设计、Rich Client
圈子: Flex JS研究 CSS探讨 EXT GWT JSI - Java编程，Ruby编程，微软.net，AJAX，敏捷软件开发，综合软件技术 http://www.javaeye.com UTF-8 Copyright 2003-2008, JavaEye.com http://blogs.law.harvard.edu/tech/rss JavaEye - 做最棒的软件开发交流社区 关于如何编写灵活定制列样式的Grid控件 JavaEye网站 作者: 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<data.length;i++){
            var cells=data[i];
            var tr = grid.insertRow();//添加一行。
            for(var j=0;j<this.titles.length;j++){
                var td=document.createElement("td");
                if(document.all[this.__id+"_col_"+j]){//查找页面中有没有id为 id_col_index 形式的元素.这里使用了IE特有的document.all语法。
                    var customHtml = document.all[this.__id+"_col_"+j].innerHTML;
                    /**替换掉指定部分（即"_id_","_value_"）的值。
                    通常的数据中，第一行都是从数据库中读取出来的id，所以此处将_id_替换为cells[0].**/
                    customHtml = customHtml.replace(/_id_/g,cells[0]).replace(/_value_/g,cells[j]);
                    td.innerHTML=customHtml;
                }else{
                    	td.innerHTML=cells[j]?cells[j]:"";
                }
                tr.appendChild(td);//将单元格TD加入TR。
            }
            grid.appendChild(tr);//将TR加入表格。
        }
        ...
    }
    ...
}


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


如想在最后一列加上一个“操作”列。则可以写一个div,将所要实现的功能放在div之中：
//这里是myGrid_col_3..如果Grid控件的__id为"myGrid",它的第四列就会被替换成为其内部的内容。
<div id="myGrid_col_3" style="display:none;">
<a onclick="edit('_id_');">编辑</a>
<a onclick="del('_id_');">删除</a>
//由于在上面的代码中，_id_会被替换为data中的第一列的值，并赋到相应的单元格内。
//所以每点击编辑，就会调用edit方法。并将当前行的第一列值传进去。就可以对专门的某一条数据进行操作。
</div>
<script>
function.onload=function(){
    var gridConfig=new myGridConfig("myGrid");
    var titles=["编号","姓名","性别","操作"]//存储Grid标题的数组
    gridConfig.createHead(titles);
    gridConfig.createBody();
}
</script>

又例如，要将第三列的值改变为一个select下拉框，那么，只要将这段代码加入到页面中，实现了。：
<div id="myGrid_col_2" style="display:none;">
<select>
<script>
if("男"=="_value_"){//如果当前单元格的值为"男"，那么下拉框就选择男。否则就不选
    document.write("<option selected>男</option>");
}else{
    document.write("<option>男</option>");
}
if("女"=="_value_"){
    document.write("<option selected>女</option>");
}else{
    document.write("<option>女</option>");
}
</script>
</select>
</div>

是不是很方便呢？

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

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

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

另外如果各位有各好的定制列样式的方法，各位是怎么做的呢？
------------------------------------------------------------------------------------------------
本来想把Grid的代码也共享过来，但由公司是使用的平台的特殊性，我写的那些控件都是以特定的格式编写和调用的，Grid控件离开平台就无法运行，要修改很大一部分代码，所以就没做这方面的工作。
(08-20 1:08 by ham)
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Wed, 20 Aug 2008 01:25:36 +0800 http://www.javaeye.com/topic/230287 http://www.javaeye.com/topic/230287 网页显示日历的初步实现 JavaEye网站 作者: tianmo2008  链接：http://www.javaeye.com/topic/230114  发表时间: 2008年08月19日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

刚学Prototype框架，想自己写个日历控件来练习一下Prototype，整理了一下思路后,初步实现了一些代码。希望大家给点意见。
（运行要引进Prototype 1.5.1.2.js）
<script type="text/javascript" src="Prototype 1.5.1.2.js"></script> 
<body>
<table id="date" cellpadding="0" cellspacing="0" border="1px">
	<tr id="week">
    	<td>星期日</td>
        <td>星期一</td>
        <td>星期二</td>
        <td>星期三</td>
        <td>星期四</td>
        <td>星期五</td>
        <td>星期六</td>
    </tr>
    <tr>
    	<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
    <tr>
    	<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
    <tr>
    	<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
    <tr>
    	<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
    <tr>
    	<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
    <tr>
    	<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
    <tr>
    	<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>
</table>
<script type="text/javascript">
/**
返回每个月的最大天数
*/
function getMonthDay(month){

	if(month == 0)month=12;
	if(month == 13)month=1;
	
	var year = new Date();
	
	var $31 = [1,3,5,7,8,10,12];//３１天的月份
	
	if(month == 2){// 闰年｜平年的２月份处理（印象中初中数学书上好象是这样的，也不知道对错）
		if(year.getYear()%4 == 0){
			return 29;
		}
		return 28;
	}
	
	for(var i=0;i<$31.length;i++){
		if(month == $31[i]){
			return 31;
		}
	}
	
	return 30;
}


var week = $("week");//标题行
var weekDate = new Date();

var week_day = week.down(weekDate.getDay());//今天星期几
	week_day.setStyle({backgroundColor:"#33FFFF"});//把对应的星期背景渲染

var this_monthDay = getMonthDay(weekDate.getMonth()+1);//当前月份的天数。

/*计算每月的一号是星期几,
想在网上这个公式，但找到的都是长篇大论，看了心烦。
所以自己找了一下规律，写了个公式，测试了一下感觉还挺准的，
有希望有更好建议的人不要吝啬，能提供一下比较可靠的实现。
*/
var first_Day = weekDate.getDay() + (Math.abs(weekDate.getDate() % 7 - 7) + 1);//计算每月的一号是星期几
if(first_Day > 7)first_Day = first_Day - 7;
if(first_Day == 7)first_Day = 0;


var n = 1;
come_Back:
while((week = week.next()) != undefined){
	for(var j = 0;j < 7;j ++){
		if(n == 1 && j < first_Day){
			
		}else if(n == 1 && j == first_Day){
			week.down(j).update(n+"号");
			n ++;
		}else{
			if(n == weekDate.getDate()){
				week.down(j).setStyle({backgroundColor:"#33FFFF"});//渲染当天的背景
			}
			week.down(j).update(n+"号");
			n ++;
		}
		
		if(n > this_monthDay)
			break come_Back;//大于每月的最大天数，就直接返回
	}
}
</script>
</body>

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


JavaEye推荐



]]> Tue, 19 Aug 2008 12:40:24 +0800 http://www.javaeye.com/topic/230114 http://www.javaeye.com/topic/230114 flamingo生成工程过程解析 JavaEye网站 作者: 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推荐



]]> Wed, 20 Aug 2008 15:40:21 +0800 http://www.javaeye.com/topic/230728 http://www.javaeye.com/topic/230728 flamingo命令解析 JavaEye网站 作者: 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推荐



]]> Wed, 20 Aug 2008 15:23:26 +0800 http://www.javaeye.com/topic/230716 http://www.javaeye.com/topic/230716 关于jquery内存回收问题请教 JavaEye网站 作者: zhanjianhua  链接：http://www.javaeye.com/topic/230695  发表时间: 2008年08月20日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

最近用了一段时间的JQUERY,发现用JQUERY中的.append()方法动态生成数据时,内存不会回收,我不知道是不是我使用有问题,
还是JQUERY本身就带有这问题.
以下是我写的一个HTML, 
最近用了一段时间的JQUERY,发现用JQUERY中的.append()方法动态生成数据时,内存不会回收,我不知道是不是我使用有问题, 
还是JQUERY本身就带有这问题. 
以下是我写的一个HTML, <html>
<head>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tbody id="songList">
</tbody>
</table>
<a href="#" onclick="getList()">点击装载数据
</body>
<script type='text/javascript' src='jquery.js'></script>
<script type="text/javascript">
        $(document).ready(function(){
        	getList();
        })
        function getList() {
        	$("#songList").empty();
        	for(var i=0; i < 10; i++) {
			var str='<tr>'
		        	+'<td class="input">'+ i +'</td>'
		                +'<td class="gm"><span>歌名歌名歌名歌名歌名歌名歌名歌名歌名歌名歌名歌名歌名歌名歌名歌名</span></td>'
		            	+'<td class="gx"><span><a href="#" onclick="getlist();">歌星歌星歌星歌星歌星歌星</a></span></td>'
		            	+'<td class="mp3"><span><a href="">mp3</a></span></td>'
		            	+'<td class="mv"><span><a href="">mv</a></span></td>'
		            	+'<td class="ls"><span><a href="">ls</a></span></td>'
		        	+'</tr>';
        		$("#songList").append(str);
        		str = null;
        	}
        }
</script>
</html>


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


JavaEye推荐



]]> Wed, 20 Aug 2008 14:25:09 +0800 http://www.javaeye.com/topic/230695 http://www.javaeye.com/topic/230695 EXT/FCKEditor 集成 -- AJAX UI -- 一种web开发的新的思维 JavaEye网站 作者: 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

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>EXT/FCKEditor 集成 -- AJAX UI -- 一种web开发的新的思维,要及时转换思想</title>
<link rel="stylesheet" type="text/css" href="/ucren/extjs/js_source/resources/css/ext-all.css" />
<script type="text/javascript" src="/ucren/extjs/js_source/ext-base.js"></script>
<script type="text/javascript" src="/ucren/extjs/js_source/ext-all.js"></script>

<!-- //具体事例 -->
<script type="text/javascript" src="/ucren/fckeditor/fckeditor.js"></script>
<script type="text/javascript" src="/ucren/extjs/app/extfckapp/FckExtjsCall.js"></script>

</head>

<body>
<!-- //页面中子导航菜单 -->


</body>
</html>

 

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: '<h1>'+ str +'</h1>'    
  });
  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推荐



]]> Mon, 18 Aug 2008 13:54:38 +0800 http://www.javaeye.com/topic/229180 http://www.javaeye.com/topic/229180 看看这样的应用场景用什么Flex通信技术比较好 JavaEye网站 作者: freespace  链接：http://www.javaeye.com/topic/228968  发表时间: 2008年08月17日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

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

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


JavaEye推荐



]]> Sun, 17 Aug 2008 15:40:41 +0800 http://www.javaeye.com/topic/228968 http://www.javaeye.com/topic/228968 clientWidth和offsetWidth的差异测试 JavaEye网站 作者: 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推荐



]]> Mon, 18 Aug 2008 21:33:05 +0800 http://www.javaeye.com/topic/229935 http://www.javaeye.com/topic/229935 用ajax清除浏览器缓存的js、css、图片等 JavaEye网站 作者: afei1689  链接：http://www.javaeye.com/topic/228187  发表时间: 2008年08月15日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

 为了减小浏览器与服务器之间网络传输压力，往往对静态文件，如js,css,修饰的图片做cache，也就是给这些文件的HTTP响应头加入Expires和Cache-Control参数，并指定缓存时间，这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新)，即使在这段时间内服务器的js或css或图片文件已经更新多次，但浏览器的数据依然是原来最能初cache的旧数据，有没有办法让浏览器拿到已经修改后的最新数据呢?

有，方法是用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下:

$.ajax({
    type: "GET",
    url: "static/cache.js",
    dataType: "text",
    beforeSend :function(xmlHttp){
     xmlHttp.setRequestHeader("If-Modified-Since","0");
   xmlHttp.setRequestHeader("Cache-Control","no-cache");

    }
  });

这里用了jquery.

这样浏览器就会把最新的文件替换掉本地旧文件。

当然，这里还一个问题就是js必须知道服务器更新了那个js、css、图片，利用cookie和时间版本应该可以解决.


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


JavaEye推荐



]]> Fri, 15 Aug 2008 00:22:19 +0800 http://www.javaeye.com/topic/228187 http://www.javaeye.com/topic/228187 也来秀一下我的EXT半成品 JavaEye网站 作者: earls  链接：http://www.javaeye.com/topic/229137  发表时间: 2008年08月18日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

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


JavaEye推荐



]]> Mon, 18 Aug 2008 12:01:33 +0800 http://www.javaeye.com/topic/229137 http://www.javaeye.com/topic/229137 Flex学习笔记_06 使用行为对象和动画效果_认识行为对象、行为和组件 JavaEye网站 作者: 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 表示持续的时间（单位：毫秒）。
<mx:Move id="myMove" target="{img}" xFrom="50" xTo="150" duration="2000"/>
<mx:Image id="img" x="53" y="53" source="tree.jpg"/>
<mx:Button x="50" y="170" label="移动图片" click="myMove.play()"/>
 

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

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

我们也可以使用AS来完成行为的创建：
<mx:Script>
        <![CDATA[
            import mx.effects.Move;
   
            private var myMove:Move;           
            internal function initApp():void{
                myMove = new Move();
                myMove.xFrom = 50;
                myMove.xTo = 150;
                myMove.duration = 2000;
                myMove.target = img
            }
        ]]>
    </mx:Script>
   
    <mx:Image id="img" x="53" y="53" source="tree.jpg"/>
    <mx:Button x="50" y="170" label="移动图片" click="myMove.play()"/>
 


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 为组件添加行为--监听动画的执行

<mx:Iris id= "myIris" effectStart="effectStartHandler()" effectEnd="effectEndHandler()" />
effectStart 和 effectEnd 是动画效果共有的事件，分别在动画的开始和结束时被激发。

<mx:WipeRight id= "myWipe2" repeatCount="2" repeatDelay="500"/>
repeatCount 和 repeatDelay 也是共有属性，分别表示动画播放的次数和每次都间隔时间

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
     creationComplete="initApp()">   
    <mx:Style source="style.css" />   
    <mx:Script>
        <![CDATA[           
            internal function effectStartHandler():void{
                tip_txt.text = "提示信息：动画开始了";
            }
            internal function effectEndHandler():void{
                tip_txt.text = "提示信息：动画结束了";
            }
        ]]>
    </mx:Script>
    <mx:ApplicationControlBar dock="true">
        <mx:Label id="tip_txt" text="提示信息：" width="219" styleName="label"/>
    </mx:ApplicationControlBar>
   
    <mx:Iris id= "myIris" effectStart="effectStartHandler()" effectEnd="effectEndHandler()" />
    <mx:WipeLeft id= "myWipe" />
    <mx:WipeRight id= "myWipe2" repeatCount="2" repeatDelay="500"/>
   
    <mx:Image id="image" x="35" y="43" source="tree.jpg" showEffect="myIris" hideEffect="myIris"/>
    <mx:Image id="image2" x="170" y="43" source="tree.jpg" showEffect="myWipe" hideEffect="myWipe2"/>
    <mx:Button label="改变图片"  x="37" y="153" click="image.visible = image2.visible= !image.visible"/>
   
</mx:Application>
 


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

<mx:Style>
        .image{
            showEffect:    myIris;
            hideEffect:    myIris;
        }
        .image2{
            showEffect:    myWipe2;
            hideEffect:    myWipe;
        }
    </mx:Style>

<mx:Image id="image" x="35" y="43" source="tree.jpg" styleName="image"/>
<mx:Image id="image2" x="170" y="43" source="tree.jpg" styleName="image2"/>
 


或者通过setStyle 来设置样式：

<mx:Script>
        <![CDATA[
             internal function initApp():void{
                image.setStyle("showEffect",myIris);
                image.setStyle("hideEffect",myIris);
                image2.setStyle("showEffect",myWipe2);
                image2.setStyle("hideEffect",myWipe);
            }
        ]]>
</mx:Script>

<mx:Image id="image" x="35" y="43" source="tree.jpg“/>
<mx:Image id="image2" x="170" y="43" source="tree.jpg"/>
 

 


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


JavaEye推荐



]]> Sun, 17 Aug 2008 01:30:12 +0800 http://www.javaeye.com/topic/228827 http://www.javaeye.com/topic/228827 Flex PureMVC 简单分析 JavaEye网站 作者: 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推荐



]]> Fri, 15 Aug 2008 20:41:32 +0800 http://www.javaeye.com/topic/228512 http://www.javaeye.com/topic/228512 修改EditorGridPanel让它支持Lookup效果 JavaEye网站 作者: 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推荐



]]> Fri, 15 Aug 2008 14:19:53 +0800 http://www.javaeye.com/topic/228370 http://www.javaeye.com/topic/228370 YUI 3.x Preview Release 1 JavaEye网站 作者: lifesinger  链接：http://www.javaeye.com/topic/227976  发表时间: 2008年08月14日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

http://developer.yahoo.com/yui/3/

感觉整个底层都被重写了，命名空间也调整为更简洁实用

看一个例子： 

Y.get('#demo p').on('click', function() { alert('YAHOOOOOOOOOOO') });


和jQuery超级像了
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Thu, 14 Aug 2008 12:53:34 +0800 http://www.javaeye.com/topic/227976 http://www.javaeye.com/topic/227976