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 - 做最棒的软件开发交流社区 爽，谷歌Chrome，应该可以解决Extjs内存泄漏和速度慢的问题 JavaEye网站 作者: xlongbuilder  链接：http://www.javaeye.com/topic/236168  发表时间: 2008年09月03日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

一直在为速度和内存发愁，有了chrome 估计一切ok了
第一时间下载了谷歌的Chrome浏览器
测试发现内存基本在80m以内，速度也大幅度提高了
我们是用的全ext多为弹出窗口，但不是one page one application
因为是客户定制，因此可以给客户安装该浏览器

测试后发现绝大多数都没有问题
只是window窗口，按Esc不能关闭了

感谢google

已有 27 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Wed, 03 Sep 2008 15:19:30 +0800 http://www.javaeye.com/topic/236168 http://www.javaeye.com/topic/236168 Show一下我的ExtJS网站 JavaEye网站 作者: kyle  链接：http://www.javaeye.com/topic/238554  发表时间: 2008年09月08日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

网址：http://www.changyou.info/

 

功能说明：

1. 自定义主页
    当你看到一个对你很有用的网址时,你会怎样做呢? 放入收藏夹也许是大部分人的选择吧, 当数量多时你会发现找到你所要的网址也是比较困难的。
    使用畅游网自定义主页功能,你可随时将网址设置在主页的任何地方,可以在任何时候访问或作出修改。
    操作说明: 点击栏目设置图标进入栏目修改页面可修改栏目标题。
                  右键点击每个网址可以修改该网址。


2. 集成搜索
    有时你想用Goolge来搜索网页,但有时你也许想用百度来搜索. 有时你想用迅雷来搜索下载软件, 有时你想用搜刮来搜搜音乐, 有时你想用爱词霸来查查单词...
    使用畅游网集成搜索,你可以在一个网页中搜尽天下!
    操作说明: 输入要搜索的内容, 选择所要搜索的网站如Google,百度.., 然后点击搜索热键即可完成不同网站的搜索功能。



3. 备忘录
    一个小而实用的功能, 可以将你平时经常用而又容易忘记的信息记录下来, 如浏览网页时看到一些对你有用的信息, 如一天中要做的事情很多时,
   你可以用畅游网备忘录功能将这些信息记录下来, 这样就不用担心忘记了, 随时可以找出来.


畅游网后续版本蓝图:
1. 实用工具
    在畅游网实用工具页面中, 你将可在一个页面中查询到天气, 邮编, 公交, 列车...等等信息.
2. Web QQ
    用畅游网WebQQ,你不用下载安装任何软件,直接与在线网友聊天,发送文件.
3. 与淘宝旺旺对接
    使用淘宝旺旺的用户可以不用登录, 直接畅游网.
4. 在线围棋
   用畅游网WebQQ, 你不用下载安装任何软件, 直接与在线网友下围棋.
5. 邮箱助理
   用畅游网收发任何邮箱信息. 
6.7.8...期待着你的建议.



已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Mon, 08 Sep 2008 12:32:58 +0800 http://www.javaeye.com/topic/238554 http://www.javaeye.com/topic/238554 JQuery ajax Demo JavaEye网站 作者: iamcrzay  链接：http://www.javaeye.com/topic/237940  发表时间: 2008年09月06日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

网上的 Jquery ajax Demo 大多都是基于php
很少 有java的 今天就把自己的Demo贴出来 和大家共同学习
现在就 Jquery ajax 的 $.ajax(),$.post(),$.get();

首先是 服务端的Servlet 演示这三个函数的用法对都是用的同一个 服务端 
package com.june.servlet;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpServletRequest;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;

public class jqueryAjaxServer extends HttpServlet {
     public jqueryAjaxServer(){
    	 super();
     }
     public void doGet(HttpServletRequest request,HttpServletResponse response)
     throws IOException ,ServletException {
    	 response.setContentType("text/html;charset=utf-8");
    	 PrintWriter out=response.getWriter();
    	 String account=request.getParameter("account");
    	 if("iamcrzay".equals(account)){
    		 out.print("Sorry,the user is exist");
    	 }
    	 else{
    		 out.print("Congratulation,this accont you can use!!!!");
    	 }
    	 out.close();
     }
     public void doPost(HttpServletRequest request,HttpServletResponse response)
     throws IOException ,ServletException {
    	 this.doGet(request, response);
     }
}


下面是WEB.XML 
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
	<servlet>
	   <servlet-name>jqueryAjaxServer</servlet-name>
	   <servlet-class>com.june.servlet.jqueryAjaxServer</servlet-class>
	</servlet>
        <servlet-mapping>
	   <servlet-name>jqueryAjaxServer</servlet-name>
	   <url-pattern>/jqueryAjax</url-pattern>
	</servlet-mapping>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>


下面是Jsp页面
第一个是 jqueryAjax.jsp 本页使用的是$.ajax() 
<%@ page language="java"  pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>  
    <title>jquery ajax</title> 
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
	<script language="javascript">
	     $(function(){
	           $('.sumbit').click(function(){
	           if($('#account').val().length==0){
	               $('.hint').text("用户名不能位空").css({"background-color":"green"}); 
	           }
	           else{
	           $.ajax({
	             url:'jqueryAjax',
	             data:{account:$('#account').val()},
	             error:function(){
	             alert("error occured!!!");
	             },
	             success:function(data){
	              $('body').append("<div>"+data+"</div>").css("color","red");
	  
	             }
	             
	           });}
	           });
	           });
           	     
	   
	       
	</script>
  </head>
  
  <body>
                <h3 align="center">jquery AjaX</h3>
                <hr>
                <label>请输入用户名 ：</label>
                <input id="account" name="account" type="text">
                <input class="sumbit" type="button" value="检测">
                <div class="hint">
                </div>
  </body>
</html>


第二个用的是 $.post() 

<%@ page language="java"  pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>  
    <title>jquery ajax</title> 
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
	<script language="javascript">
	     $(function(){
	         $('.sumbit').click(
	          function(){
	            if($('#account').val().length==0){
	                $('.hint').text("The account is cant't be null").css({"color":"red","background-color":"yellow"});
	            }
	            else{
	            $.post("jqueryAjax","account="+$('#account').val(),function(data){
	               $('.hint').text(data).css({"color":"red","background-color":"yellow"});
	            })
	            }
	         });
	     });	       
	</script>
  </head>
  
  <body>
                <h3 align="center">jquery Ajax</h3>
                <hr>
                <label>请输入用户名 ：</label>
                <input id="account" name="account" type="text">
                <input class="sumbit" type="button" value="检测">
                <div class="hint">
                </div>
  </body>
</html>



第三个是用的$.get() 

<%@ page  pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>   
    <title>jquery get</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
	<script type="text/javascript">
	     $(function(){
	            $('.sumbit').click(function(){
	                  if($('#account').val().length==0){
	                     $('.hint').html("用户名不能位空！！！").css({"color":"#ffoo11","background":"blue"});
	                  }
	                  else{
	                      $.get("jqueryAjax","account="+$('#account').val(),
	                           function(data){
	                            $('.hint').html(data).css({"color":"#ffoo11","background":"green"});
	                      });
	                  }
	            });
	     });
	</script>

  </head>
  
  <body>
        <h3 align="center">jquery AjaX</h3>
                <hr>
                <label>请输入用户名 ：</label>
                <input id="account" name="account" type="text">
                <input class="sumbit" type="button" value="检测">
                <div class="hint">
                </div>
  </body>
</html>


欢迎大家拍砖 ~~~~~~~~~~~~~~~~~~~~~~~~~~~

已有 2 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sat, 06 Sep 2008 18:01:46 +0800 http://www.javaeye.com/topic/237940 http://www.javaeye.com/topic/237940 Google 动画菜单效果实现 JavaEye网站 作者: meanboy  链接：http://www.javaeye.com/topic/237937  发表时间: 2008年09月06日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

         相信很多朋友第一次见到Google的动画导航条，都误以为是Flash吧？（这其中也包括了我o(∩_∩)o...）仅仅使用了一张背景图片就做出了这么漂亮的导航条，Google的创意总是让人兴奋不已。也许不久的将来，这个小技巧会在更多的网页中得到应用。


         既然思路很简单，那就没有必要去翻Google的实现代码了。自己动手写一个吧。有必要提一下的是在写这个脚本的时候，遇到了一个IE6的BUG，Google搜索了一下，发现是IE6的背景图片加载机制有问题。IE6每次都优先从服务器重新请求背景图片，而不是从缓存里加载（汗啊……）。解决方法如下：

 

if(!!(window.attachEvent && !window.opera)) {
	document.execCommand("BackgroundImageCache",false,true);
}

         脚本的代码是公开的，有兴趣的朋友可以下载查看一下效果，但是请遵守MIT协议



已有 2 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sat, 06 Sep 2008 17:52:12 +0800 http://www.javaeye.com/topic/237937 http://www.javaeye.com/topic/237937 IE中只读的innerHTML属性 JavaEye网站 作者: kino  链接：http://www.javaeye.com/topic/237193  发表时间: 2008年09月04日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

编写ajax程序时，经常需要动态生成页面元素，而element上属性innerHTML就是我们经常利用的途径。但今天在为一个table元素的innerHTML时赋值时，在firefox下是好的，但在ie6下就不行了。

 

查了一下原因，原来是在ie下，下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的。注意没有td!

 

经测试，ie7也是不行的。不知ie8下有没有变动！？

 

记录如此，备忘！



已有 3 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Thu, 04 Sep 2008 22:07:28 +0800 http://www.javaeye.com/topic/237193 http://www.javaeye.com/topic/237193 尝试在项目中使用Gt-Grid后的一些体会和看法及建议。 JavaEye网站 作者: xiaocon  链接：http://www.javaeye.com/topic/238072  发表时间: 2008年09月07日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

一直现找个称手的Grid，在关注Ext Grid的时候顺便了解到了fins开发的Gt-grid,上星期偿试把它加入到我现在的一个项目和框架里，遇到了不少问题，我把它写出来，希望fins能看到。
首先，我认为Gt-grid(下面我简称它为GT)只是一个Grid，它只是一个展现数据的工具(fins不知道是不是跟我一样的想法，或者，他的目标是一个框架也有可能)，而并不是一个框架，因此，我希望它对我原先系统或者框架的应用是无侵入的，也就是不应该改变我原先的项目及框架(服务端或者客户端)的操作使用习惯，要做到这一点，GT就要具有高度的可配制性来适合其它的框架或者组件（或者叫应用吧,当然，如果是一些新开工的小项目，也可以让项目来适应GT）。
Grid一般都有如下功能:
1 表格数据的展现;(基本的)
2 数据展现和编辑时的一些事件处理(我认为这些是开发企业应用的重要功能);
3 从服务端加载数据;(非必需的)
4 分页导航(重要的);
5 一些自定义的配制及样式(非必需的)
6 其它的扩展功能(非必需的)
先谈谈第一个遇到的第一个问题:
如果是从服务端load数据，pageinfo要求的格式是这样的{ pageSize : 20, pageNum : 0, totalRowNum :0,totalPageNum : 0, startRowNum :0, endRowNum :20 }，很不巧，我用的服务端框架返回的数据格式(pageinfo)名称除了pageSize,data，其它的都不相同，当然，我的服务端名称是可配制的，返回这样格式的数据不存在问题，不过它会影响或者导致同一项目里的二种数据格式，如果GT能提供这些名称配制的方法（应该也是很容易的），这个问题就解决了。下一个问题是我遇到的第二个问题，我使用GT的主要目的是想用它来展现数据以及用到它的事件处理，这方面对比下来GT做得还是让我很满意的，也是我选择它的一个主要原因，另外一个原因就是GT的开发者是国人，沟通更方便。基于我的使用目的，我的问题也由此而来(需求真的是千奇百怪...),我希望我把数据给GT（Json,非服务端加载），它给我展现数据，这没什么问题，可是问题由此而来，GT自动根据我给出的数据记录数生成了分页，可那不是我想要的，我想要服务端load数据的那种分页，GT没提供给我，也就是说GT的分页不提供设置功能,要么你前台给我数据，我给你自动生成导航，要么我load服务端的，也给你自动生成，试用下来后好象没有其它方法了，查了API,只有getPageInfo，如果有setPageInfo,getPageNav(得到导航条内容)，addPageNavTo(把导航导添加到某个容器里，比如div里),分页按钮的click事件支持.查看了API，GT没有NAV这方面的属性，也许是没有公开吧。第三个问题，日期控件的问题，以前没看到有日历控件，奥运会一开完，多了个难看的日历控件，提供自定义的使用日期控件的方法，是我所立刻想到的，否则，一个程序里有二个甚至更多的不同风格的日期控件也不是不可能。
最后是Select控件，可能弄起来比较难吧，如果能提供第三方的Select控件的支持，是不是更好。
下面想到的是添加扩展ToolBar,添加自定义按钮的功能(这些是扩展功能了)......,暂时想到这些了，以后想到了再继续来写。也许，有人看了后会说，你干脆让fins定制得了..........

已有 1 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sun, 07 Sep 2008 13:10:48 +0800 http://www.javaeye.com/topic/238072 http://www.javaeye.com/topic/238072 一个非常奇怪的js和css加载问题 JavaEye网站 作者: ferreousbox  链接：http://www.javaeye.com/topic/238128  发表时间: 2008年09月07日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

    今天在弄以前的框架的时候发现一个非常奇怪的js和css的加载问题，平常我们一般写js和css的load脚本如下：

 

<script language="javascript" src="/js/test.js"></script>

 

    这样的加载是没有问题，但是如果将src改为：//js/test.js后就出现无法加载的问题了！我目前在本机的IE和FF下都测试过，都存在这样的问题，不知道是规范如此，还是本机的测试环境有问题？不解……



已有 1 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sun, 07 Sep 2008 17:49:32 +0800 http://www.javaeye.com/topic/238128 http://www.javaeye.com/topic/238128 blazeds简单例子 JavaEye网站 作者: wangchao_17915566  链接：http://www.javaeye.com/topic/238127  发表时间: 2008年09月07日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

已经在早前就听说了，Adobe公司的开源项目bazeds，可是当时做flash，用到了openamf，所以没有在意，但是现在觉得flex开发应用软件更具有杀伤力，所以准备研究flex。折腾了一周的时间想做个flex+java的helloworld例子，可是怎么都运行不出来，今天终于运行出来了。

总结，共有一下几种方法：

1，flex项目和web项目在同一项目。

2，flex项目和web项目为两个项目，进行交互。

个人认为，第二种比较好，这样可以完全将flex卡发和web业务开发分开。我这里也介绍第二种方法。

下面介绍我的hello小程序。

首先，开发环境

1,eclipse3.2+myeclipse5.1,不多说

2,eclipse的flex插件：FB3_WWEJ_Plugin.exe

3,必须得到blazeds.war，网上很多，可以进行下载(附件中配备)

下来，演示例子。

1，创建web项目：

     我的项目是hello

2，将blazeds.war放入tomcat中，启动，将blazeds.war项目中的，WebConten/Web-Inf复制

3，替换hello项目（用刚才复制的将此项目（hello）中的替换）

4，在web项目中建立java类

 

package com.demo;

public class HelloWorld {

    public String sayHello(String name) {
        
        System.out.println(name);
        return"hello," + name;

    }

}

 5,在刚才复制的flex目录下打开remoting-config.xml,写入一下代码

<destination id="Hello">
       <properties>
           <source>com.demo.HelloWorld</source>
       </properties>
    </destination>

 

6，发布此项目。

以上是web项目中的内容，下来看看flex项目

1，创建flex项目,flexTest，application type 选择 web application, server technology 选择none，点next，output folder 中选择你上面建立web工程的目录(这里就是hello)，很多地方都说选择j2ee，这个是建立集成项目时候选择的。

2,写入mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script >      
<![CDATA[ import mx.rpc.events.FaultEvent;    
   import mx.rpc.events.ResultEvent;    
      [Bindable]    
      private var helloResult:String;   
      
      private function sayHello():void {    
        ro.sayHello(inputText.text);    
        }    
        
       private function resultHandler(event:ResultEvent):void {    
          helloResult = event.result as String;    
       } 
       
   ]]>   
</mx:Script >
<mx:RemoteObject id="ro" destination="Hello" result="resultHandler(event)" endpoint="/Hello/messagebroker/amf"/>
<mx:HBox x="0" y="10" width="100%">
   <mx:Label text="Name:" id="nameLabel"/>
   <mx:TextInput id="inputText"/>
   <mx:Button label="say Hello" id="nameButton" click="sayHello()"/>
   <mx:Label id="resultLabel" text="{helloResult}"/>
</mx:HBox>

</mx:Application>

 

3,最重要的endpoint="/Hello/messagebroker/amf"/，这个一定要写对，别把我的文件复制过去，hello是你自己的web项目。

 

这样就完成了，你启动tomcat，自己测试，这样做的好处是，flex保存后，web项目会自动同步flex内容。

讲得不清楚，我会带上一个项目的附件，提供下载。

 



已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sun, 07 Sep 2008 17:43:27 +0800 http://www.javaeye.com/topic/238127 http://www.javaeye.com/topic/238127 [分享]选课系统 (EXT+hibernate+dwr) JavaEye网站 作者: wdp  链接：http://www.javaeye.com/topic/235894  发表时间: 2008年09月02日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

周未闲着无聊,做了一个很简单的选课系统,具体看demo吧

http://rs.xmedu.gov.cn/elective/index.jsp
管理员
U:admin
P:admin

学生
U:wangdiping
P:123456

程序下载地址
http://rs.xmedu.gov.cn/elective/elective.war
数据库在elective.war里的database

总感觉后台那样写很土,希望大家多提些建议



已有 7 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Tue, 02 Sep 2008 20:57:20 +0800 http://www.javaeye.com/topic/235894 http://www.javaeye.com/topic/235894 [发布] GT-Grid 1.12 版 (080904发布) ★ JavaEye网站 作者: fins  链接：http://www.javaeye.com/topic/236025  发表时间: 2008年09月03日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

GT-Grid 1.12版 说明文档.

这篇文档主要说明一些这个版本的变化(新增功能 新特性)


========================================

首先来说一下关于列表的创建函数.

在以前的示例中, 有这样的代码: 
GT.Utils.onLoad( GT.Grid.render(mygrid) );


它的意思是 在页面载入时 创建列表. 但是由于我设计上的失误,导致这个示例很容易误导大家.
让开发人员以为 GT.Grid.render(mygrid) 是用来创建列表的.

其实不是, GT.Grid.render 的结果是返回一个函数 这个函数才是用来创建表格的.
这里比较绕,所以 我决定反对使用 GT.Grid.render函数.


如果要在页面载入时创建表格 请使用下面的代码 
GT.Utils.onLoad( function(){
	mygrid.render();
} );




如果想在其他时机 (如按某个按钮之后)创建 那么就在相应的时机调用
"mygrid.render();" 即可.

另外再重申一下函数 GT.$grid("你的grid的id") ,这个函数是通过id取得列表对象.



==============================



新增属性:
grid.selectRowByCheck : false/true ;

当列中有checkBox列时, 如果selectRowByCheck==true ,那么选中一行的效果将通过选择checkBox来实现.


新增方法
grid.getSelectedRecords()
取得所有选中行对应的记录.



==============================


column.renderer 支持字符串模板
column.renderer 除了可以是一个函数之外, 还可以是一个字符串模板.例如

renderer : "@{age}岁"
那么这列数据 就会变为 "相应记录的age字段的值 + '岁' 


renderer : "@{age}岁"  
相当于

renderer : function(value,record){
	return record['age']+'岁';
}




==============================

exception回调函数 :
在执行load 和save 操作后, 处理服务端返回的异常的函数如下: 


// grid.loadFailure(responseJson)

	// 默认函数实现
	loadFailure : function(respD){
		alert(' LOAD Failed! '+'\n Exception : \n'+(respD[this.CONST.exception]||''));
	},

// grid.saveFailure(responseJson)

	// 默认函数实现
	saveFailure : function(respD){
				alert(' SAVE Failed! '+'\n Exception : \n'+(respD[this.CONST.exception]||''));
	}


responseJson为服务端返回的json对象.


大家可以通过重写这两个方法 来实现自己的对异常信息的处理.




==============================

工具栏上的简单按钮 现在支持 自定义.

自定义的方法是,首先是定义按钮并注册 然后在toolbarContent里面设置即可.

定义并注册按钮的方式如下: 


GT.ToolFactroy.register(
	'mybutton',  //按钮的标识 (请使用全小写字母)
	{
		// cls 为按钮的样式,目前只支持简单按钮,简单按钮的样式请这样写:
		// .mybutton-cls { 
		//		background : url(./mybutton.png) no-repeat center center; 
		// }
		cls : 'mybutton-cls',  
		// 按钮的提示信息
		toolTip : '自定义按钮:显示列表的id',
		
		// 点击按钮时 执行的动作
		action : function(event,grid) {  alert( 'The id of this grid is  '+grid.id)  }
	}
);


按钮定义的形式 如上面代码中的注释所示, 就不再多说了.
GT.ToolFactroy.register( key , options)
这个函数 负责将 定义的按钮以 key的名字注册


然后就可以在 toolbarContent 中来指定在什么位置显示这个自定义按钮了.


==============================


以上的说明不是很详细, 建议大家结合 mydemo_for_1.12.html 这个示例来看一下.



==============================


关于GT的更多介绍可以参加下面两个地址

具体文档请参见下面地址:
列表组件 GT-Grid 最新版本 & 教程

与服务端结合的例子(8月3日版本)
与服务端结合的例子
========================================

已有 42 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Wed, 03 Sep 2008 11:02:23 +0800 http://www.javaeye.com/topic/236025 http://www.javaeye.com/topic/236025 jCT 在实战中洗礼,jCT要成为终极的javascript前台模板 JavaEye网站 作者: achun  链接：http://www.javaeye.com/topic/237848  发表时间: 2008年09月06日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

说在前面 :

由于目前正在用jCT的第三版实作项目,在项目中发现,应用了嵌入式javascript语法 模板思想后的jct,

还可以更简单

首先产生我要继续改造的原因是我发现把javascript以模板形式写在html里会让html页面上增加很多代码,看的时候很不明晰,

在思索尝试了以后感觉可改的更简单,并且多模式兼容

现在正在改造中.............

改造后模板将干净一点再干净一点

 

整理完毕单独写了一篇文章

http://achun.javaeye.com/blog/238089

 

写完后感觉现在的jCT：
彻底的嵌入式javascript模板

彻底的采用javascript语法
可以用外部对象进行方便的实例扩展
浏览得到视图前后和浏览模板源文件具有一致性
代码很简洁清晰可以自己定义文法标识
没有采用一个正则，速度有保障

 

有一种javascript模板技术走到终点的感觉，我想不到还有什么可以重大改进的地方（小的改进就不说了）。

 

jCT会成为终极的javascript前台模板么?



已有 1 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sat, 06 Sep 2008 10:44:11 +0800 http://www.javaeye.com/topic/237848 http://www.javaeye.com/topic/237848 Google Chrome浏览器JS执行效率比firefox快7倍，惊人!!!! JavaEye网站 作者: pconline900  链接：http://www.javaeye.com/topic/236319  发表时间: 2008年09月03日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

使用这个测试页面测试浏览器对js执行的计算能力
http://wd-testnet.world-direct.at/mozilla/dhtml/funo/jsTimeTest.htm



Google Chrome: Average time: 131ms
IE 7.0: 无法完成测试，多次弹出脚本过慢是否正常执行的提示
Firefox 2.0: Average time: 967ms

可以看到Google浏览器比Firefox在计算能力上平均快7倍左右，非常惊人的性能，什么时候firefox IE能改善他们的js引擎就好了

 5ef37a17-7790-307e-93c6-df6e6cf1862d

 

 



已有 6 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Wed, 03 Sep 2008 21:05:48 +0800 http://www.javaeye.com/topic/236319 http://www.javaeye.com/topic/236319 大家看看这个改如何实现：gird中加入checkbox头与列 JavaEye网站 作者: luckytwo  链接：http://www.javaeye.com/topic/238028  发表时间: 2008年09月06日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

大家好，项目中表格中需要使用checkbox，难到我了，请大家看看有没有好的实现与建议，谢谢！

需要的实现：表格的一列全为checkbox，点击表头的checkbox可以全选下面的checkbox，类似CheckboxSelectionModel中第一列的操作

我的问题是，如何操作加入的checkbox，因为那是直接用html代码写的，checkbox的值怎样提交给后台 
Ext.onReady(function() {
	var data = [[1, 'EasyJWeb', 'EasyJF', 'www.easyjf.com'],
	[2, 'jfox', 'huihoo', 'www.huihoo.org'],
	[3, 'jdon', 'jdon', 'www.jdon.com'],
	[4, 'springside', 'springside', 'www.springside.org.cn']];

	var store = new Ext.data.SimpleStore({
		data : data,
		fields : ["id", "name", "organization", "homepage"]
	});

	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.EditorGridPanel({
		renderTo : "hello",
		title : "checkbox gird test",
		height : 150,
		width : 600,
		columns : [{
			header : "项目名称",
			dataIndex : "name"
		},

		{
			header : '<input type="checkbox" />',
			dataIndex : "organization"
		}, {

			header : "DEAD",
			dataIndex : 'dead',
			width : 55,
			editor : new Ext.form.Checkbox()
		},

		{
			header : '授权<input type="checkbox" />',
			dataIndex : "homepage",
			renderer : function(value) {
				return '<input type="checkbox" />';
			}
		}],

		store : store,
		sm : sm,
		autoExpandColumn : 2

	});

});


附图，希望达到的效果是点击授权的checkbox，下面的都可以选中，并且下面的checkbox的值都可以被提交

已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sat, 06 Sep 2008 23:50:34 +0800 http://www.javaeye.com/topic/238028 http://www.javaeye.com/topic/238028 js的unit test实现(一) JavaEye网站 作者: kgd924  链接：http://www.javaeye.com/topic/237877  发表时间: 2008年09月06日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

不知道有多少人会写js的unit test, 不过最近的项目对unittest要求比较严格.所以也养成了写unittest的习惯. 在搞js-shell时, 对写的代码没有做test,总是不放心. 找了一些资料看到JQuery的unit test方法不错. 学习了一下也在js-shell加入了Uinttest库. 总算把前面的代码都加上了UT才放心.

js-shell中的unittest的使用方法和概念都和junit差不多, 主要有TestRunner, TestResult, TestSuite, TestCaseContext几个对象. 下面是一个例子:

1. 先实现一个test runner, 创建run_unit_test.js 这是必须的步骤,不过内容很简单:

var ut = __import__('UnitTest', null, {})  //导入Unitest 库

ut.run_suite('.')  //运行Testsuite,  将运行当前目录下的所有以'test_'开头的js文件作为unittest运行.

 

2. 实现一个unitest, 创建test_hellotest.js

 

test("assertEqual", function() {   //一个unittest, 名称为"assertEqual", function为 test的内容.
    assertEqual(10+ 20, 30)      //一个比较断言,,
});

test("assertEqual fail no message", function() {  //一个失败的 unitest 例子.
    assertEqual(10+ 20, 31)
});

test("assertEqual fail with message", function() {
    assertEqual(10+ 20, 31, "10+20 != 31")
});

test("assertRaises expect raised", function() {  //测试一个将要抛出异常的方法.
    assertRaises('Stop', function(m){throw m}, 'Stop')
});


test("assertRaises mismatch raised", function() {
    assertRaises('Stop', function(m){throw m}, 'Start')
});

test({                      //实现一个Unittest对象, 包含setUp, tearDown.
    setUp: function(){        //一个setUp, 在每个test方法调用之前调用.
        this.msg = "enter setUp";
        info('enter setUp');   //在Test中输出消息.
    },
    
    test_basic_requirements: function(){  //一个方法内的test, 方法名必须以"test_"开头
        info('running test_basic_requirements');
        assertEqual(this.msg, "enter setUp")
        this.msg = 'test_basic_requirements'
    },
    
    test_setUp_called_for_every_functional: function(){
        info('test_setUp_called_for_every_functional');
        assertEqual(this.msg, "enter setUp")
        this.msg = 'test_setUp_called_for_every_functional'
    },   
    
    tearDown: function(){    //在每个test调用用调用.
        this.msg = "enter tearDown";
        info('enter tearDown');
    },
    
});

 3. 运行unit test

 

C:\utest>js run_unit_test.js
[INFO]:Start test file:C:\utest\test_hellotest.js
assertEqual...PASS in 0ms
assertEqual fail no message...FAIL in 16ms
        expected: 31, actual: 30
assertEqual fail with message...FAIL in 0ms
        10+20 != 31
assertRaises expect raised...PASS in 0ms
assertRaises mismatch raised...FAIL in 0ms
        expected exception:Stop, catched:Start
[INFO]test_setUp_called_for_every_functional:enter setUp
[INFO]test_setUp_called_for_every_functional:test_setUp_called_for_every_functio
nal
[INFO]test_setUp_called_for_every_functional:enter tearDown
test_setUp_called_for_every_functional...PASS in 31ms
[INFO]test_basic_requirements:enter setUp
[INFO]test_basic_requirements:running test_basic_requirements
[INFO]test_basic_requirements:enter tearDown
test_basic_requirements...PASS in 16ms
-----------------------------------------------------------
Ran 7 tests in 63ms
FAILED! Pass:4, Failed:3

 

这是一个简单的Unit, test. 测试的输出和UnitTest中的断言方法都可以自定义. 下次将介绍如何定义assert方法.

 



已有 2 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sat, 06 Sep 2008 12:31:26 +0800 http://www.javaeye.com/topic/237877 http://www.javaeye.com/topic/237877 flex中的值拷贝 JavaEye网站 作者: wzhxhj  链接：http://www.javaeye.com/topic/237868  发表时间: 2008年09月06日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

现在在做一个富客户端项目，前台用flex来完成，在做的过程中遇到一个棘手的问题，就是list与list的值拷贝问题，我想把一个list中的数据拷贝到另个list中，在flex中，一切皆对象，并不能用简单的list = list就搞定，查遍了它的所有文档，也没有一个好的api来完成，所以必须再新建一个临时list来作为中转站才行，像一下这样，templist = listA ,listB = templist。这样就大功告成

已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sat, 06 Sep 2008 11:39:18 +0800 http://www.javaeye.com/topic/237868 http://www.javaeye.com/topic/237868 javascript 的Socket 服务端编程。 JavaEye网站 作者: kgd924  链接：http://www.javaeye.com/topic/237853  发表时间: 2008年09月06日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

这里的Socket编程不是指使用XmlHttpRequest对象， 而是真正的创建一个Socket实现收发数据。 使用Javascript调用Java的NIO接口实现的Socket编程。

 

实现一个简单的EchoServer，创建文件 ：EchoServer.js

 

 var socket = __import__('Socket', null, {}) //导入Socket library..
 
 var server = new socket.SocketServer('127.0.0.1', 8000) //创建一个Socket Server.
 
 server.on('listen', function(server) {  //加入服务器开始监听的事件
    print('Event listen on server:' + server.localAddress + ', port:' + server.localPort)
 })
 server.on('clientClosed', function(client) {
    print('Event clientClosed on server:' + client.address + ', port:' + client.port)
 })
 server.on('closed', function(socket) {
    print('Event closed on server')
 })

 
 server.on('accept', function(client){   // 一个新的client连接
    print('new client:' + client.address + ', port:' + client.port)
    client.on('read', function(s) {   //clinet的有数据可读。
        var input = s.read();
        print('read data:' + input)
        s.write(input)       //写数据到，
    });
    client.on('closed', function(s) {
        print('bye bye client.')
        //s.write('input')
    });
 })
  
 server.listen("127.0.0.1", 8000)   //监听一个端口, 并blocking, 直到服务器端被关闭。

 

运行：

# js EchoServer.js
Event listen on server:localhost, port:8000

打开新的窗口输入
#telnet 127.0.0.1 8000

# 服务端显示
Event listen on server:localhost, port:8000
new client:localhost, port:1978
event:read
read data:a
event:read
read data:b
event:read
read data:c

测试服务器连接成功.
 

 

运行上面的代码,还需要一个运行环境和Socket 库, 可以到 http://code.google.com/p/js-shell/downloads/list  下载一个night build.

 

 



已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sat, 06 Sep 2008 11:12:01 +0800 http://www.javaeye.com/topic/237853 http://www.javaeye.com/topic/237853 讨论一下,Ext里哪个组件设计的最不好 JavaEye网站 作者: fins  链接：http://www.javaeye.com/topic/237459  发表时间: 2008年09月05日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

最近在一直做Ext的研究 代码结构方面的.
并且做一些修改和扩展.
多少也研究了不少他的组件.

EXT有多强大多NB就不用我多说了 但是任何好的事物也都有不好的方面

大家来讨论讨论呢 哪个ext的组件设计的不最不好吧

我先说说我的观点:

我觉得最不好的就是 他的树.
首先 设计的不够灵活(想灵活也行 但是需要开发人员做很多事情)
其次 严重违背了ext自己的一个设计理念: 数据与展现分离.

Tree,Node,TreePanel, TreeNode,AsyncTreeNode,TreeNodeUI, TreeLoader....
彼此之间的关系混乱复杂, 有很多错误的关系(我认为错误 并不一定真的错误)


大家觉得还有哪些组件设计的不够好呢???


下面附上一张我对ext tree的分析图 还有我的一个重构目标



已有 6 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Fri, 05 Sep 2008 11:27:02 +0800 http://www.javaeye.com/topic/237459 http://www.javaeye.com/topic/237459 关于UI框架的选择 JavaEye网站 作者: nogocn  链接：http://www.javaeye.com/topic/236087  发表时间: 2008年09月03日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

JavaScript EXT AJAX UI CSS prototype dojo YUI DWR GWT Buffalo JQuery Flex
上面的是javaeye上的AJAX版的目录。使用过EXT，不知什么原因，觉得速度很慢。也使用过AJAX但是觉得自己写个出来还是水平有限。使用prototype，觉得速度可以，但是接口之类的不太清楚。请有经验的朋友评价下选用那个AJAX框架更合适做网页。

已有 3 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Wed, 03 Sep 2008 13:05:19 +0800 http://www.javaeye.com/topic/236087 http://www.javaeye.com/topic/236087 firefox 3中的$(document).ready()问题 JavaEye网站 作者: yucc77  链接：http://www.javaeye.com/topic/237551  发表时间: 2008年09月05日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

第一次用JQuery，发现FF3下面的$(document).ready()有问题，触发不了。
在网上查了一下：
引用
document.ready fires when the DOM is loaded, it doesn't wait for
external things to load, that's the whole point! :-)

引用
One way to avoid the “flicker or flash” associated with this problem is to make sure that all of your initial page styling is done by your CSS and not by your Javascript. But this is hardly supportive of using graceful degradation and progressive enhancement best practices.

应该是个老问题了，不知道大家都怎么处理的

已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Fri, 05 Sep 2008 13:39:19 +0800 http://www.javaeye.com/topic/237551 http://www.javaeye.com/topic/237551 XML+XSLT+jquery 实现的问卷. JavaEye网站 作者: genius  链接：http://www.javaeye.com/topic/236813  发表时间: 2008年09月04日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

我用xml+xslt+jquery做一个问卷的，附件里面有整个代码，打开就可以直接运行，希望大家多给意见。下面是例图：

已有 2 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Thu, 04 Sep 2008 13:26:43 +0800 http://www.javaeye.com/topic/236813 http://www.javaeye.com/topic/236813 openlayers中利用vector实现marker的方式 JavaEye网站 作者: kebo  链接：http://www.javaeye.com/topic/236912  发表时间: 2008年09月04日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

项目需要一个小型的gis。openlayers，geoserver，postgres组合是比较好的选择。
openlayers的marker层好像不支持拖动操作。通过研究api发现，可以利用vector层
达到这个目的，作出标注的效果。可以定位，搜索，拖动等效果，选中的时候可以
通过修改style达到动画效果。
基本做法如下：
1：定义marker显示的样式
2：扩展vector层，利用在扩展层上添加point与style，图片显示point就出现标注的
效果
基本代码如下:
定义样式： 
$package("com.bct.map");
com.bct.map.EncoderMarkerStyle = {
	'bigEncoder':{
    	graphicWidth:24,
        graphicHeight : 24,
        graphicXOffset : -12,
        graphicYOffset : -24,
        externalGraphic : "scripts/map/img/channel2.png"
    },
    'smallEncoder':{
        graphicWidth:16,
        graphicHeight : 16,
        graphicXOffset : -8,
        graphicYOffset : -16,
        externalGraphic : "scripts/map/img/channel.gif"
    },
    'selectStyle':{
        pointerEvents: "visiblePainted",
        border:"border:25 outset #ff88ff",
        cursor: "pointer",
        graphicWidth:24,
        graphicHeight : 24,
        graphicXOffset : -12,
        graphicYOffset : -24,
        externalGraphic : "scripts/map/img/channel2.png"    
    },
    styleMap: new OpenLayers.StyleMap({
                    "select": new OpenLayers.Style({pointRadius: 24})
    })
}

2:扩展向量层 
$package("com.bct.map");
$import("com.bct.map.EncoderMarkerStyle");
com.bct.map.MarkerVectorLayer = OpenLayers.Class(OpenLayers.Layer.Vector,{
    /**
	 * parameters
	 * attribute filer对象
	 */
	getFeatureByAttribute :function(attributes){
		var feature = null;
		for(var i=0;i<this.features.length; ++i){
			var attri = this.features[i].attributes;
			var find = false;
			for(var j in attributes){
				if(attributes[j] == attri[j]){
					find = true;
				}
			}
			if(find){
				return this.features[i]; 
			}			
		}
	
	},
	//添加Feature，是point显示为图片
	addEncorderFeature:function(encNode,location){
		if(encNode&&this.repetitiveCheck(encNode.id)){
			return;
		}
        var attributes = OpenLayers.Util.extend({}, encNode.attributes);
        var enc_point = new OpenLayers.Geometry.Point(location.lon,location.lat);
        var enc_Feature = new OpenLayers.Feature.Vector(enc_point,attributes,com.bct.map.EncoderMarkerStyle['smallEncoder']);
        this.addFeatures([enc_Feature]);
        if(encNode.attributes['lon']&&encNode.attributes['lat']&&encNode.attributes['lon'].length>0){
        	return;
        }
        this.updateChannel(encNode.id,location.lon,location.lat);
	},
	repetitiveCheck:function(entity_id){
	    if(this.getFeatureByAttribute({id:entity_id})){
	    	return true;
	    }
		return false;
	},
	updateChannel:function(channel_id,lon,lat){
		Ext.Ajax.request({
  			 url: 'deviceVideoEncoder.do?method=updateLonlat&id='+channel_id+"&lon="+lon+"&lat="+lat
		});
	},
	channelMarkerClick:function() {
	    var features = this.selectedFeatures;
    	if(features.length >=0&&features[0]) {
    		feature = features[0];            
            var treeNodeAttribute = feature.attributes;
			//显示信息   	
    	}
    },
    cartoonFeature :function(feature){
    	this.drawFeature(feature,com.bct.map.EncoderMarkerStyle['bigEncoder']);
        var runner = new Ext.util.TaskRunner(1000);
        var task = {
	    	run:this.drawFeature,
	    	scope:this,
	    	args:[feature,com.bct.map.EncoderMarkerStyle['smallEncoder']],
	    	interval: 1000
		}
    	runner.start(task);
    },
    removeSelectFeature:function(){
    	var features = this.selectedFeatures;
    	for(var i=features.length-1; i>=0; i--) {
            feature = features[i];
            this.updateChannel(feature.attributes['id'],"","");
        }
        this.destroyFeatures(this.selectedFeatures);
    },
    monitorSelectFeature:function(){		
    	var features = this.selectedFeatures;
    	if(features.length >=0&&features[0]) {
            feature = features[0];            
            var treeNodeAttribute = feature.attributes;
			var objId="mapAVShow"+treeNodeAttribute['id'];
			//弹出窗口
        }
    }
});

addEncorderFeature是添加一个标注的地方。
利用这种方式，比原有的marker层拥有更多的功能

已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Thu, 04 Sep 2008 16:27:26 +0800 http://www.javaeye.com/topic/236912 http://www.javaeye.com/topic/236912 Unicorn JS 0.4.0 - 打造简洁易用的精品Widgets JavaEye网站 作者: lifesinger  链接：http://www.javaeye.com/topic/236362  发表时间: 2008年09月04日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！



更新到0.4.0, 增加了SlideView和LiquidView组件，以及一些bugs fix.

做了一些组件的效果演示页面：Unicorn Examples (精彩尽在这里，期待您的猛击)

不知道Unicorn JS是什么？请点击这里

你可以通过SVN下载最新的源代码，期待您的参与和反馈。:p

已有 2 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Thu, 04 Sep 2008 00:15:12 +0800 http://www.javaeye.com/topic/236362 http://www.javaeye.com/topic/236362 多级联动下拉菜单，等砖头 JavaEye网站 作者: 叶子  链接：http://www.javaeye.com/topic/236792  发表时间: 2008年09月04日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

功能：
1.支持多级别
2.支持一拖多
3.支持多浏览器（ie6 ie7 opera9 firefox3 chrome0.2 safari3.1）

演示：http://www.yeeh.org/demo/selects/
下载：http://www.yeeh.org/demo/selects/selects.rar

再弱弱问句 原创的可以留网址吧？

已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Thu, 04 Sep 2008 12:48:55 +0800 http://www.javaeye.com/topic/236792 http://www.javaeye.com/topic/236792 ExtJs Combobox 问题 JavaEye网站 作者: ziyouxf  链接：http://www.javaeye.com/topic/236655  发表时间: 2008年09月04日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

现遇到如下问题：

例如：
表单中有个Combobox对象，选项有A、Ｂ、Ｃ三项，该Combobox为可编辑；
当选择任意选项时，提交表单后都能取道选项对应的值；
但将Combobox中填写为非选项中的值时（例如："Ｄ"）提交表单后，后台取不到值；

代码如下：
var combo = new Ext.form.ComboBox({
fieldLabel:propName, // propName 为一字符串 如：'字母'
hiddenName:propId, // propId 为一数字，如：20
store: propVals, // propVals 为一维数组，如：['A','B','C']
typeAhead: true,
mode: 'local',
triggerAction: 'all',
value:PropVal, // unitPropVal 为一默认值，如：'A'，这里是编辑页面，如果是添加页面则无此项
selectOnFocus:true
});

具体描述：
当在Combobox中填写'D'时，后台getParameter("20")取不到值'D',而是编辑文本框之前的选项（如：在选中'A'状态下编辑为'D',则getParameter("20")的值为'A'，若在没有默认值的情况下编辑，则getParameter("20")值为''）.

现在项目有这样的需求，即可以选择提供的选项，也能自定义该属性的值，请问该如何实现？有没有例子可供参考？

已有 1 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Thu, 04 Sep 2008 09:57:46 +0800 http://www.javaeye.com/topic/236655 http://www.javaeye.com/topic/236655 Google Chrome浏览器js引界面擎渲染能力测试，惊人!! JavaEye网站 作者: pconline900  链接：http://www.javaeye.com/topic/236315  发表时间: 2008年09月03日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

google浏览器刚出来，性能究竟如何呢，偶写了一个小程序通过dom的方式渲染一个5000行10列数据的表格，测试结果如下

Google Chrome: 1482 ms
IE 7.0 : 17547 ms
Firefox 2.0: 5047 ms

可以看到google的js脚本渲染界面能力比IE快10倍，比Firefox快3倍，性能非常惊人。Google Chrome的Javascript engine基于V8引擎的，js源代码直接生成了机器码，只需要解释一次，其他浏览器如 IE Firefox都是反复多次解释执行的。
可以预见现在众多ajax框架有了google浏览器后，性能问题可以得到很大提升了，对ajax框架无异于是个大利好，加油，google chrome。

已有 1 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Wed, 03 Sep 2008 20:54:40 +0800 http://www.javaeye.com/topic/236315 http://www.javaeye.com/topic/236315 最近做的在线游戏：华容道(53关)，界面古朴典雅，过关过程可回放 JavaEye网站 作者: realfun  链接：http://www.javaeye.com/topic/236306  发表时间: 2008年09月03日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

(除了声音播放，都是javascript，没有flash)

 

在线华容道 - 游戏发芽网

游戏特点 ：
* 界面古朴典雅
* 50多种开局（横刀立马、守口如瓶、层层设防等…)
* 操作简单、可回退
* 过关结果可动态回放

最大的优点就是最后一条，过关结果可回放 ，呵呵。
一般讨论华容道游戏的时候大家描述方法不通，结果很混乱，但是如果能够看到整个解题过程就不会有这个问题了。
你可以到打开下面两个结果试试看：
横刀立马81步解法
小燕出巢137步解法

华容道游戏简介 （以后写个全资料篇）：

你知道智力游戏界的三大不可思议吗？它指的是中国的“华容道”， 法国的“独立钻石”和匈牙利的“魔方”。
华容道，古老的中国游戏，以其变化多端、百玩不厌的特点与七巧板、九连环合称“中国的难题”。

华容道游戏取自著名的三国故事，曹操在赤壁大战中被刘备和孙权的“苦肉计”、“火烧连营”打败，被迫退逃到华容道，又遇上诸葛亮的伏兵，关羽为了报 答曹操对他的恩情，明逼实让，终于帮助曹操逃出了华容道。游戏就是依照“曹瞒兵败走华容，正与关公狭路逢。只为当初恩义重，放开金锁走蛟龙”这一故事情 节。

说明与规则 ：
1. “华容道”有一个带二十个小方格的棋盘，代表华容道。棋盘下方有一个两方格边长的出口，是供曹操逃走的。
2. 棋盘上共摆有十个大小不一样的棋子，它们分别代表曹操、张飞、赵云、马超、黄忠和关羽，还有四个卒。
3. 通过移动各个棋子，不允许跨越棋子，帮助曹操从初始位置移到棋盘最下方中部，从出口逃走。
4. 一个棋子的多次连续移动只计一次移动次数

“华容道”有几十种布阵方法，如“横刀立马 ”、“近在咫尺”、“过五关”、“水泄不通”、“小燕出巢”等等玩法。棋盘上仅有两个小方格空着，玩法就是通过这两个空格移动棋子，用最少的步数把曹操移 出华容道。这个玩具引起过许多人的兴趣，大家都力图把移动的步数减到最少。

大多数在100步以内搞定都是很困难的，最简单的是第44关（iPhone关卡1 ）。
这关我玩了两遍（动态回放记录 ），最快用了50步，感觉应该可以在40步左右搞定的。

呵呵，点击这里挑战一下 不可思议的华容道吧。

欢迎任何意见和建议 。



已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Wed, 03 Sep 2008 20:30:45 +0800 http://www.javaeye.com/topic/236306 http://www.javaeye.com/topic/236306 javascript中直接取得DWR方法的返回值 JavaEye网站 作者: issun  链接：http://www.javaeye.com/topic/236252  发表时间: 2008年09月03日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

一般在页面中要取DWR方法的值的做法是

function test(){
dwrTest.hello(function(data){alert(data)})
}

当你的javascript的test方法要返回这个值时就不好办了。因为DWR方法返回值是执行完后通过调用指定的函数将值返回。这们的话，我们往往会这么做


function test(){
var result;
dwrTest.hello(function(data){result=data})
return result;
}

上面的代码在使用的时候会发现它的返回值为"undefined",分析一下

dwrTest.hello(function(data){result=data})

这一句中“function(data){result=data}"这个方法是一个传给dwrTest.hello的一个参数，是由hello方法执行完后再调用的，所以在test()中并不会执行，就直接返回了一个未初始化的"result"。

实际上这就是一个异步处理过程，而javaScript默认是同步执行的。

我们只要把上面的代码改成：

function test(){
var result;
DWREngine.setAsync(false);
dwrTest.hello(function(data){result=data})
DWREngine.setAsync(true);
return result;
}

这样JavaScript执行的时候就会等待"dwrTest.hello"执行完毕后再执行接下来的语句，这时我们就可以直接取得返回值了。

已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Wed, 03 Sep 2008 17:13:18 +0800 http://www.javaeye.com/topic/236252 http://www.javaeye.com/topic/236252 YUI Grid CSS的优雅设计 JavaEye网站 作者: Ivan Li  链接：http://www.javaeye.com/topic/235922  发表时间: 2008年09月02日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

最近加入了一个GAE的项目cpedialog,该项目的前端布局采用YUI Grid CSS,我就顺便看了一下，YUI Grid CSS设计的非常优雅，思路非常清晰，打算使用CSS+DIV做网站布局的兄弟非常值得一看。下面我把我记录的一些要点列出来，便于我以后查阅，同时算是抛砖引玉吧。项目详情请参见 YUI Grid CSS

  • 引入CSS 文件，这里yahoo提供了共用的css host文件，如果很多网站都使用yahoo host的js ,css,那么这些css,js将仅加载一次，有利于提高浏览速度

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
	"http://www.w3.org/TR/html4/strict.dtd"> 
	<html> 
	<head> 
	    <title>YUI Grids CSS </title> 
	    <!-- Source File --> 
	    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css"> 
</head>
 
  • YUI Grid CSS建议把网站整体划分为3打部分，header, body, footer,并且这三部分放在一个大的div里,这三大部分使用id selector来做定义。

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>YUI Grids CSS </title>
	<!-- Source File -->
	<link rel="stylesheet" type="text/css" href="reset-fonts-grids.css">
</head>
<body>
<div id="doc">
   <div id="hd"><!-- header --></div> 
   <div id="bd"><!-- body --></div> 
   <div id="ft"><!-- footer --></div> 
</div>
</body>
</html>
  •  YUI Grid CSS为最外侧的div预先设置了4个宽度，分别是750px, 950px, 100%, 974px，可以通过改变最外侧div的id来改变它的宽度，同时用户还可以根据自己的需要自己定义最外侧div的宽度
<!-- #doc = 750px width, centered-->
<div id="doc"></div>

<!-- #doc2 = 950px width, centered -->
<div id="doc2"></div>

<!-- #doc3 = 100% width -->
<div id="doc3"></div>

<!-- #doc4 = 974px width, centered -->
<div id="doc4"></div>
  •  绝大多数网站可以把body分成两个部分，main-block and second-block,YUI Grid CSS已经预先定义好了这两个块，并且可以通过改变css class的内容来调节main-block和second-block的左右位置，以及second-block的宽度，main-block将会占用second-block宽度剩余的宽度

 

<div id="doc" class="yui-t4"> <!-- change class to change preset -->
   <div id="hd"></div>
   <div id="bd">
      <div id="yui-main">
         <div class="yui-b"></div>
      </div>
      <div class="yui-b"></div>
   </div>
   <div id="ft"></div>
</div>
  •  yui-b中的b 表示block, 在最外层的class="yui-t4"表示second-block占用180px，排列在main-block的右侧，除了yui-t4,之外，还有yui-t1 到yui-t6，每一个都表示不同的含义。
  • 在main-block中还支持内嵌的grid,css class用yui-g来表示，在内嵌的grid中，包含不同的uint,css使用yui-u来表示

 

<div id="yui-main">
   <div class="yui-b">
      <div class="yui-g">
         <div class="yui-u first"></div>
         <div class="yui-u"></div>
      </div>
   </div>
</div>
  •  内嵌的grid还可以内嵌grid,这样就可以设计出非常复杂的page layout来，同时还可以指定那个unit在前，哪个unit在后，使用css class="first"

 

<div id="yui-main">
   <div class="yui-b">
      <div class="yui-g">
         <div class="yui-g first">
            <div class="yui-u first"></div>
            <div class="yui-u"></div>
         </div>
         <div class="yui-g">
            <div class="yui-u first"></div>
            <div class="yui-u"></div>
         </div>
      </div>
   </div>
</div>
  •  对于内嵌的grid,如果使用css class="yui-g"，里面的两个unit是均分width的，如果有特殊需要，还可以指定，css class为yui-gb到yui-gf，这些css分别定义了两个unit如何分配grid的width

 



已有 2 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Tue, 02 Sep 2008 22:38:52 +0800 http://www.javaeye.com/topic/235922 http://www.javaeye.com/topic/235922 js-shell 开源项目--无聊的玩具 JavaEye网站 作者: kgd924  链接：http://www.javaeye.com/topic/235569  发表时间: 2008年09月02日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

项目名称： Js-Shell
发起时间： 2008年8月
代码托管：http://code.google.com/p/js-shell/

项目介绍：

Js-Shell 以开发通用的js库为主，目标是实现js的通用化。使js可以更多的用在普通的应用开发,例如桌面应用，网络应用等。让javascript和java两个没有血缘关系的亲兄弟走的更近。

 

项目默认使用了Mozilla的Rhino Javscript解析器(http://www.mozilla.org/rhino/), 实现的一个独立运行javascript的shell. Rhino是使用Java开发的JS解析器. 在此shell下很容易的调用Java的代码。

 

项目一开始就是无聊的玩具, 所以没有什么宏伟大志. 一个人玩得没有兴趣了, 所以发个广告看能否找到一起玩的朋友.


项目信息：
运行平台: JRE1.4以上版本, 操作系统无关.
开发语言: Java
开源协议: GNU General Public License v2

 

项目状态：

刚正式发布一个相对稳定版本. 特征如下:

  • 初步定义了js包的开发规范, 和import方式.
  • 定义了一些通用的方法到Lang lib.
  • 定义了简单的文档格式,使用jsdoc.js生成API文档.
  • 完成了Unit test框架, 并Pass了31个测试
  • 从JQuery移植了浏览器模拟对象, 改为Browser lib
  • 从Ext-js移植了extend, apply方法.

一些问题：

Q:这个项目的意义是什么
A:很抱歉,还没思考．主要是作者在杭州出差期间,下班后实在无聊不知道做什么好．突然想到找个玩具来打发时间．既然是玩具, 所以也就没有去思考什么意义．有兴趣就玩玩而已．
Q:这个和浏览器里的js有什么区别
A:只是语法上一样, 浏览器中有的功能这都没有．比如:window, document对象都没有(但可以导入包实现), 但是多了print, import方法．可以把这个js-shell看成一个普通的语言, 例如python, ruby, perl.
Q:这个js-shell和java是什么关系
A:js-shell的解析器使用java写的, 所以在和java交互的时候比较容易. 基本上可以直接调用Java的代码.
Q:这个js-shell能做什么
A:只要是Java能做的js-shell都能做, 因为js-shell本来是运行在java上面的．

 

Q:能开发桌面程序么
A:可以, Ext-swing就是现在正在开发的桌面开发的API. 使用了和Ext-js类似的API.期望可以做到相互兼容,现在还不行．
Q:我有兴趣,可以加入么
A:查看申请加入项目相关信息
Q:项目有些什么规划呢
A:前面说了这个项目主目前还只是一个玩具．事实上没有什么计划, 不过有一点梦想．可以查看一点梦想

 

项目成员： 四无浪子(杭州)

 

 



已有 1 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Tue, 02 Sep 2008 08:49:49 +0800 http://www.javaeye.com/topic/235569 http://www.javaeye.com/topic/235569 jCT 使用实例之正在制作中的站点 JavaEye网站 作者: achun  链接：http://www.javaeye.com/topic/235874  发表时间: 2008年09月02日
声明：本文系JavaEye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

漫天飞舞

www.91mh.net

 

此站正在用jCT+AJAX+唯一入口制作中,对jCT干兴趣的朋友可以关注一下,看看时刻都变化着什么.

目前的进度.............样子出来了,动态的菜单出来了,数据还没有准备好.

好无奈呀,偶还要帮美工和页面代码修改她们设计上的缺陷.

管理员这不是广告.感兴趣的朋友如果问其中的jCT技术问题,我会积极解答的.



已有 0 人发表回复，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Tue, 02 Sep 2008 19:56:43 +0800 http://www.javaeye.com/topic/235874 http://www.javaeye.com/topic/235874