wobu20 http://wobu20.javaeye.com UTF-8 Copyright 2003-2008, JavaEye.com http://blogs.law.harvard.edu/tech/rss JavaEye - 做最棒的软件开发交流社区 T4.1.2局部刷新、校验代理与表单提交 wobu20 作者: wobu20  链接：http://wobu20.javaeye.com/blog/126258  发表时间: 2007年09月23日

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

我在实现这样一个功能的时候，出现了一些问题。

功能：在输入框失去焦点的时候，触发一个事件，进行对输入框值的验证，返回验证结果，显示在一个Insert中，局部刷新Insert组件，并将错误信息添加到校验代理对象中（ValidationDelegate）。

详细代码如下：

Home.html：

xml 代码
  1. <html jwcid="@Shell" title="test">  
  2. <body jwcid="@Body">  
  3.    <span jwcid="hasErrors">  
  4.       <strong><span jwcid="error">span>strong>  
  5.    span>  
  6.    <form jwcid="testForm">  
  7.    <table border="1" align="center">  
  8.       <tr>测试tr>  
  9.       <tr>  
  10.       <tr>  
  11.           <td align="right">电子邮箱：td>  
  12.           <td align="left"><span jwcid="email">span>  
  13.               <span jwcid="emailInfo@Insert" value="ognl:emailMsg" inherit-informal-parameters="yes" id="emailInfo" renderTag="true">span>  
  14.           td>  
  15.       tr>  
  16.       <input type="submit" value="提交"/>    <input type="reset" value="重置"/>  
  17.    table>  
  18.    form>  
  19. body>  
  20. html>  

Home.page

xml 代码
  1. xml version="1.0" encoding="gb2312"?>  
  2.   
  4.   "-//Apache Software Foundation//Tapestry Specification 4.0//EN"    
  5.   "http://jakarta.apache.org/tapestry/dtd/Tapestry_4_0.dtd">  
  6.   
  7. <page-specification>  
  8.        
  9.     <component id="testForm" type="Form">  
  10.         <binding name="listener" value="listener:onSubmit"/>  
  11.         <binding name="delegate" value="beans.delegate"/>  
  12.     component>  
  13.        
  14.     <bean name="delegate" class="org.apache.tapestry.valid.ValidationDelegate"/>  
  15.        
  16.     <component id="hasErrors" type="If">  
  17.         <binding name="condition" value="beans.delegate.hasErrors"/>  
  18.     component>  
  19.        
  20.     <component id="error" type="Delegator">  
  21.         <binding name="delegate" value="beans.delegate.firstError"/>  
  22.     component>  
  23.   
  24.     <component id="email" type="TextField">  
  25.         <binding name="value" value="email"/>  
  26.         <binding name="validators" value="validators:required"/>  
  27.         <binding name="displayName" value="literal:电子邮箱"/>  
  28.     component>  
  29. page-specification>  

Home.java：

java 代码
  1. package com.fruit.tapestry.page;   
  2.   
  3. import org.apache.tapestry.annotations.EventListener;   
  4. import org.apache.tapestry.annotations.InitialValue;   
  5. import org.apache.tapestry.event.PageBeginRenderListener;   
  6. import org.apache.tapestry.event.PageEvent;   
  7. import org.apache.tapestry.form.IFormComponent;   
  8. import org.apache.tapestry.html.BasePage;   
  9. import org.apache.tapestry.services.ResponseBuilder;   
  10. import org.apache.tapestry.valid.ValidationConstraint;   
  11. import org.apache.tapestry.valid.ValidationDelegate;   
  12.   
  13. public abstract class Home extends BasePage implements PageBeginRenderListener {   
  14.        
  15.     /*  
  16.      * 初始化出错信息组件的值为：" "，不初始化的话，无法局部刷新这个组件，不懂为什么...  
  17.      */  
  18.     @InitialValue("literal: ")   
  19.     public abstract String getEmailMsg();   
  20.        
  21.     public abstract void setEmailMsg(String emailMsg);   
  22.        
  23.     public abstract String getEmail();   
  24.        
  25.     public abstract ResponseBuilder getBuilder();   
  26.        
  27.     /**  
  28.      * 字段reflush用来判断是局部刷新或者是提交表单，  
  29.      * 提交表单时触发pageBeginRender方法，重新给reflush赋值  
  30.      */  
  31.     private boolean reflush;   
  32.        
  33.     public boolean getReflush(){   
  34.         return reflush;   
  35.     }   
  36.        
  37.     public void setReflush(boolean reflush){   
  38.         this.reflush=reflush;   
  39.     }   
  40.        
  41.     public void pageBeginRender(PageEvent event)   
  42.     {   
  43.         this.setReflush(false);   
  44.     }   
  45.        
  46.     /**  
  47.      * 判断用户邮箱是否已被占用，输入框失去焦点时触发  
  48.      *  
  49.      */  
  50.     @EventListener(events = "onblur", targets = "email")   
  51.     public void checkEmail(){   
  52.         this.setReflush(true);   
  53.         ValidationDelegate delegate = (ValidationDelegate)this.getBeans().getBean("delegate");   
  54.         System.out.println("delegate.isInError="+(delegate.getFirstError()));   
  55.         String email=getEmail();   
  56.         this.setEmailMsg(" ");   
  57.         System.out.println(email);   
  58.         if(email==null)   
  59.         {   
  60.             System.out.println("邮箱为空！");   
  61.             delegate.setFormComponent((IFormComponent)getComponent("email"));   
  62.             delegate.record("邮箱为空！",ValidationConstraint.CONSISTENCY);   
  63.             this.setEmailMsg("邮箱为空！");   
  64.             getBuilder().updateComponent("emailInfo");   
  65.             return;   
  66.         }   
  67.         if(email.split("@").length!=2)   
  68.         {   
  69.             System.out.println("邮箱格式不正确！");   
  70.             delegate.setFormComponent((IFormComponent)getComponent("email"));   
  71.             delegate.record("邮箱格式不正确！",ValidationConstraint.EMAIL_FORMAT);   
  72.             this.setEmailMsg("邮箱格式不正确！");   
  73.             getBuilder().updateComponent("emailInfo");   
  74.             return;   
  75.         }   
  76.            
  77.         getBuilder().updateComponent("emailInfo");   
  78.         return;   
  79.     }   
  80.        
  81.     public void onSubmit(){   
  82. //      if(getReflush())   
  83. //          return;   
  84. //      ValidationDelegate delegate = (ValidationDelegate)this.getBeans().getBean("delegate");   
  85. //      if(delegate.getHasErrors())   
  86. //          return;   
  87.         System.out.println("**********表单提交成功！**********");   
  88.     }   
  89.   
  90. }   

遇到的几个问题：

1、若在page页中的中加入email验证，即将Home.page中的：

xml 代码
  1. <binding name="validators" value="validators:required"/>  

替换为：

xml 代码

  1. <binding name="validators" value="validators:required,email"/>  

，则无法触发checkEmail()事件。难道这两者之间存在对立的关系？

2、在输入格式正确，触发checkEmail()事件后，也会触发表单提交事件，即onSubmit()监听方法也会被触发，而且并没有调用校验对象验证任何信息！这样的话，若存在多个需要验证的字段，那么其他字段的验证都会被忽略（实践过）！本来以为是我校验代理配置有问题，于是在workbench的Field页面类中加了一段代码：

java 代码
  1. @EventListener(events = "onblur", targets = "inputEmail")   
  2.     public void check(){   
  3.      System.out.println("sdgasdgs");   
  4.     }  

结果运行后发现它也是没通过任何验证直接提交表单！

3、在输入格式验证没通过，触发checkEmail()事件显示错误信息后，点击提交按钮，仍然会成功提交表单！相当于delegate.setFormComponent((IFormComponent)getComponent("email"));
   delegate.record("邮箱格式不正确！",ValidationConstraint.EMAIL_FORMAT);并没有其到作用！只是在checkEmail()事件触发的时候有取到值，之后就没有取到（估计是保存验证错误信息到delegate的写法有误，望大哥们相助）。

4、checkEmail()代码中倒数第二句：getBuilder().updateComponent("emailInfo");也没起到作用！例如：用户第一次输入有误，在看过错误提示信息后，重新输入正确了！那么，就要清除错误信息了！可是，运行结果却并没有刷新出来，不知道是为什么...

 

碰到的问题如上，由于理解得不是很到位，一些状况可能并没有描述得很清楚，望各位见谅了！谢谢！



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


JavaEye推荐



]]> Sun, 23 Sep 2007 09:41:45 +0800 http://wobu20.javaeye.com/blog/126258 http://wobu20.javaeye.com/blog/126258 tapestry4.1.2使用script问题 wobu20 作者: wobu20  链接：http://wobu20.javaeye.com/blog/122005  发表时间: 2007年09月08日

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

由于没有《Enjoying web development with tapestry 4.1》的文档，只能按照4.0里面的内容去测试。

对应书上例子：304页-311页。

Home.html：

xml 代码
  1. <html>  
  2. <body jwcid="@Body">  
  3.   
  4.   
  5. <form jwcid="@Form" action="http://www.foo.com">  
  6.    <input jwcid="deleteButton@Submit" type="submit" value="Delete"/>  
  7.    <span jwcid="insertConfirmScript"/>  
  8. form>  
  9.   
  10. body>  
  11. html>  

Home.page：

xml 代码
  1. xml version="1.0"?>  
  2.   
  4.   "-//Apache Software Foundation//Tapestry Specification 4.0//EN"    
  5.   "http://tapestry.apache.org/dtd/Tapestry_4_0.dtd">  
  6.   
  7. <page-specification>  
  8.     <component id="insertConfirmScript" type="Script">  
  9.         <binding name="script" value="literal:Confirm.script"/>  
  10.         <binding name="msg" value="literal:Are you sure?"/>  
  11.         <binding name="button" value="components.deleteButton"/>  
  12.     component>  
  13.        
  14. page-specification>  

Confirm.script：

xml 代码
  1. xml version="1.0" encoding="gb2312"?>  
  3.     "-//Apache Software Foundation//Tapestry Script Specification 3.0//EN"   
  4.     "http://jakarta.apache.org/tapestry/dtd/Script_3_0.dtd">  
  5. <script>  
  6. <input-symbol key="msg" required="yes"/>  
  7. <input-symbol key="button" required="yes"/>  
  8. <let key="funcName" unique="yes">getConfirmationlet>  
  9. <body>  
  10. function ${funcName}(){   
  11.       return confirm("${msg}");   
  12.     }   
  13. body>  
  14. <initialization>  
  15.         document.${button.form.name}.${button.name}.onclick=${funcName};   
  16. initialization>  
  17. script>  
  18.   

 

运行后的源码：

 

xml 代码
  1. <html>  
  2.   
  3. <body id="Body">  
  4. <script type="text/javascript">
  5. function getConfirmation(){   
  6.       return confirm("Are you sure?");   
  7.     }   
  8. // -->script>  
  9.   
  10.   
  11. <form method="post" action="/ConfirmDelete/app" id="Form">  
  12. <div style="display:none;" id="Formhidden"><input type="hidden" name="formids" value="deleteButton" />  
  13. <input type="hidden" name="component" value="$Form" />  
  14. <input type="hidden" name="page" value="Home" />  
  15. <input type="hidden" name="service" value="direct" />  
  16. <input type="hidden" name="submitmode" value="" />  
  17. <input type="hidden" name="submitname" value="" />  
  18. div>  
  19.    <input type="submit" name="deleteButton" id="deleteButton" value="Delete" />  
  20.       
  21. form>  
  22.   
  23. <script type="text/javascript">
  24. dojo.addOnLoad(function(e) {   
  25. dojo.require("tapestry.form");tapestry.form.registerForm("Form");   
  26. document.Form.deleteButton.onclick=getConfirmation;   
  27. tapestry.form.focusField('deleteButton');});   
  28. // -->script>body>  
  29. html>  

在IE中运行提示script错误：

java 代码
  1. 行:24  
  2. 字符:1  
  3. 代码:0  
  4. 错误:'dojo' 未定义   
  5. 网址:http://localhost:7856/ConfirmDelete/app   

 

和文档中的例子产生的页面代码不一致的地方在于最后几行。

文档中：

xml 代码
  1. <script language="JavaScript" type="text/javascript">
  2.   
  3. var $Form_events = new FormEventManager(document.$Form);   
  4.   
  5. document.$Form.deleteButton.onclick=getConfirmation;   
  6.   
  7. focus(document.$Form.deleteButton);   
  8.   
  9. // -->script>  

 

中间还有一些差别，先不管了！

运行后，点击按纽没有任何反应。

 

请问各位大大，4.1.2中使用script还需要哪一些配置？（动态绑定组件事件时才会出错，事先传入组件名不会出错！）

知道的请告诉我，再次谢过了！



已有 10 人发表留言，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Sat, 08 Sep 2007 18:26:33 +0800 http://wobu20.javaeye.com/blog/122005 http://wobu20.javaeye.com/blog/122005