`

Tapestry简单的ajax实现

阅读更多
Tapestry4.1.x中内置dojo实现ajax功能,不用写任何的javascript就可以实现,
具体步骤如下。
1、用Shell组件包含进dojo,Shell组件会自动配置dojo包。
Java代码 复制代码

   1. <html jwcid="@Shell" title="Basic Ajax Page"> 
   2. <body jwcid="@Body"> 
   3.  
   4.     <p>Basic javascript inclusion sample.</p> 
   5.  
   6. </body> 
   7. </html> 

<html jwcid="@Shell" title="Basic Ajax Page">
<body jwcid="@Body">

    <p>Basic javascript inclusion sample.</p>

</body>
</html>


2、使用updateComponents参数
这个参数已经在很多组件里实现,加上这个参数就可以实现ajax了,例如组件
DirectLink, LinkSubmit, Form, ImageSubmit and Submit,你只要告诉它要
更新哪些部分或者组件就可以了,jwcid="time@Insert"这种取id为time,你也
可以将你需要更新的部分使用Any组件包含起来,例如
Java代码 复制代码

   1. <div jwcid="ajax@Any">update me</div> 

<div jwcid="ajax@Any">update me</div>

,同样这时的Id为ajax,而且你可以
更新多个,例如updateComponents="time,ajax"。
Java代码 复制代码

   1. <html jwcid="@Shell" title="Basic Ajax Page"> 
   2. <body jwcid="@Body"> 
   3.  
   4. <p>Basic javascript inclusion sample.</p> 
   5.  
   6. <p><a jwcid="@DirectLink" listener="listener:onRefreshTime" updateComponents="time">Refresh time</a>.</p> 
   7.  
   8. <div jwcid="time@Insert" value="ognl:time" renderTag="true" /> 
   9.  
  10. </body> 
  11. </html> 

<html jwcid="@Shell" title="Basic Ajax Page">
<body jwcid="@Body">

<p>Basic javascript inclusion sample.</p>

<p><a jwcid="@DirectLink" listener="listener:onRefreshTime" updateComponents="time">Refresh time</a>.</p>

<div jwcid="time@Insert" value="ognl:time" renderTag="true" />

</body>
</html>


3、普通的Tapestry Page类
Java代码 复制代码

   1. public abstract BasicAjax extends BasePage { 
   2.  
   3.     public abstract void setTime(Date time); 
   4.  
   5.     public void onRefreshTime() 
   6.     { 
   7.         setTime(new java.util.Date()); 
   8.     } 
   9. } 

public abstract BasicAjax extends BasePage {

    public abstract void setTime(Date time);

    public void onRefreshTime()
    {
        setTime(new java.util.Date());
    }
}



没了,已经可以运行了。
分享到:
评论

相关推荐

    tapestry集成ajax

    **Description:** 本资源主要介绍如何将 Tapestry 框架与 AJAX 技术相结合,提供一个PPT文档以及可运行的代码示例,帮助开发者理解并实现Tapestry应用中的动态交互功能。 **Keywords:** Tapestry, OSGi **Content:...

    Tapestry简单入门.rar_java Tapestry_tapestry

    异步请求处理则使得Tapestry能优雅地处理AJAX请求,提升用户体验。 总之,Tapestry提供了一个强大且灵活的平台,用于构建高性能、易于维护的Web应用。通过学习"Tapestry简单入门.rar"中的文档,你将能够掌握这个...

    深入浅出Tapestry高清

    Tapestry的另一个重要特性是支持Ajax技术,它允许开发者轻松实现异步的Web交互。通过内置的Ajax支持,开发者可以简单地为组件添加Ajax功能,而无需深入了解JavaScript或XMLHttpRequest对象。 Tapestry框架的易用性...

    深入浅出tapestry

    本书以循序渐进的方式,从Tapestry框架技术的基本概念入手,讲解Tapestry框架在J2EE Web应用程序中的整体架构实现。使读者在学习如何使用Tapestry框架技术的同时,还能够获得在J2EE Web应用程序中应用Tapestry框架的...

    extjs_tapestry.rar_extjs tapestry_extjs_tapestry_tapestry

    在 Tapestry 中,可以使用内置的 AJAX 支持或者通过扩展来调用 ExtJS 的 AJAX 功能,实现更灵活、高效的异步通信。 2. **自定义组件**:"AjaxServlet.page" 似乎是一个 Tapestry 页面定义,可能包含了一个与 AJAX...

    tapestry-project-4.1.5

    此外,Tapestry 还支持AJAX 功能,能够实现页面的部分刷新,提升用户体验。 总之,"tapestry-project-4.1.5"是一个宝贵的教育资源,它不仅展示了Tapestry 框架的结构和工作原理,还提供了动手实践的机会。通过对这...

    Tapestry教程

    此外,Tapestry还提供了强大的类型安全、国际化、AOP(面向切面编程)支持,以及对AJAX的集成,使得开发大型、复杂的Web应用变得更加便捷和高效。 总之,Tapestry是一个功能强大的Java web框架,它的设计哲学是提高...

    Tapestry5最新中文入门实例教程

    - **内置的Ajax支持**:Tapestry 5内置了对Ajax的支持,开发者无需编写复杂的JavaScript代码即可实现异步数据交互。 - **简化的工作流**:通过Tapestry的类重加载特性,开发者可以在不重启服务器的情况下实时预览...

    Tapestry 5.1 实例教程(全部)

    6. **Ajax支持**:Tapestry提供了内置的Ajax支持,使你能够创建富客户端界面。学习如何使用`AjaxEventTrigger`、`AjaxResponseRenderer`等组件实现异步更新。 **三、性能与优化** 1. **缓存**:Tapestry提供页面和...

    tapestry3文档

    Tapestry支持多种交互方式,包括表单提交、AJAX请求和链接点击等。通过事件监听器和回调函数,组件可以响应用户操作并更新其状态,同时确保整个应用的响应性和交互性。 #### Security 安全性是任何Web应用的关键...

    tapestry的文档

    在学习过程中,开发者会了解到如何使用Tapestry的组件进行页面布局、如何通过tapestry组件实现数据的增删改查操作、如何通过tapestry的LinkSubmit组件实现表单提交、如何进行表单验证以及如何使用tapestry的上传组件...

    Tapestry In Action.pdf

    - **AJAX支持**:介绍如何利用Tapestry内置的AJAX支持来创建响应式Web应用。 ### 五、表单输入验证 **知识点:** - **前端验证**:讨论如何利用JavaScript和HTML5特性进行前端验证,减少不必要的网络请求。 - **...

    Tapestry 5开发指南(英文)

    - **AJAX支持**:Tapestry 5内建了对AJAX的支持,可以实现无刷新的用户体验,同时保持服务器端的强类型安全。 8. **测试和调试** - **单元测试**:Tapestry 5提供测试框架,允许编写针对组件和服务的单元测试。 ...

    Tapestry开发指南

    Tapestry支持异步操作和Ajax技术,可以实现部分页面更新,提升用户体验。通过编写少量的JavaScript代码,开发者可以创建高度交互的Web应用。 9. **性能优化**: 由于Tapestry对请求处理进行了优化,例如缓存组件...

    Tapestry5 使用教程

    - **Ajax 支持**:Tapestry 内置了对 Ajax 的支持,使得创建交互式的 Web 应用变得更加容易。 - **安全性**:Tapestry 提供了一系列安全性措施,包括 CSRF 防护、权限控制等。 #### 五、总结 Apache Tapestry 5 是...

    tapestry quick start

    ### Tapestry 快速入门知识点...通过以上内容的学习,初学者可以快速掌握 Tapestry 的基础知识,并能够构建出简单的 Web 应用程序。随着对框架更深入的理解,开发者还可以探索更多高级特性,如 Ajax 支持、国际化等。

    Tapestry+5.1+实例教程

    #### 六、Ajax集成 1. **基础JavaScript库(Fundamental JavaScript Libraries):** - 提供了一些常用的JavaScript库来增强用户界面的交互性。 2. **安装Firebug:** - Firebug是一款浏览器插件,用于调试...

    Tapestry 5.1 实例教程

    Tapestry 5.1 提供了多种性能优化手段,包括页面缓存、组件缓存、AJAX集成等。合理使用这些特性,可以提升应用的响应速度和用户体验。 通过这个实例教程的前三章,你应该对Tapestry 5.1有了基本的理解,并能够动手...

    Tapestry

    6. **国际化和本地化**:Tapestry内置了对多语言支持的功能,允许开发者轻松地为应用添加不同语言的资源包,实现应用的国际化。 7. **安全机制**:Tapestry提供了一些安全特性,如输入验证、防止XSS攻击和CSRF防护...

    tapestry

    Tapestry 提供了缓存机制、页面状态压缩和AJAX支持,以提高应用程序的性能。在 "sample01" 中,我们或许可以观察到如何利用这些特性来优化用户体验。 通过对 "sample01" 示例的分析,我们可以全面了解 Tapestry 的...

Global site tag (gtag.js) - Google Analytics