Tapestry4.1.x中内置的ajax(不用写任何的javascript)

tapestry

浏览: 188757 次

最近访客更多访客>>

devcang

gpkj007

-风-

你可以马不停蹄的滚了

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Tapestry4

Ajax JavaScript Tapestry Dojo 浏览器

Tapestry4.1.x中内置dojo实现ajax功能，不用写任何的javascript就可以实现，
具体步骤如下。
1、用Shell组件包含进dojo，Shell组件会自动配置dojo包。

<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组件包含起来，例如

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

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

<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类

public abstract BasicAjax extends BasePage {

    public abstract void setTime(Date time);

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

没了，已经可以运行了。

修订：修改了listener函数名称，谢谢8楼。

分享到：

使dreamweaver支持tml扩展名 | Tapestry4常用的注入对象

2007-07-27 11:20
浏览 9569
评论(17)
论坛回复 / 浏览 (17 / 11498)
查看更多

17 楼 wobu20 2007-09-11

原因找到了...在页面类那边，
原代码是:

public abstract void setNum(Integer num);

改为：

public abstract void setNum(int num);

Integer类型在页面中是否就取不到值？有点不理解...

16 楼 wobu20 2007-09-11

<span jwcid="time@Insert" value="ognl:num" inherit-informal-parameters="yes" id="time" renderTag="true">time</span>
这样是么？为什么在一个项目里面这样写可以生成span标签，而另一个却不行？用同样的包，hivemodule、web、application配置几乎相同！一样的代码......
找了很久，还是找不出原因！望大哥再助！：（

15 楼 jimlaren 2007-09-11

不是一定要放到div里，原理应该是document.getElementbyId之类的函数调用，只要生成的html里有id应该就可以，然后让他根据id找到update的对象，最后利用innerHtml之类的替换，就是ajax那一套。

14 楼 superwdd 2007-09-11

问题终于都找到了,哈哈

原来是同伴配置的hivemodule.xml出了问题

13 楼 wobu20 2007-09-11

谢谢tapestry大哥，可以了！
请问这样写有什么特殊的含义没有？是不是要更新的组件一定要放到div层里面？

12 楼 tapestry 2007-09-11

11 楼 wobu20 2007-09-10

将span改成div,情况还是一样...
页面源码为：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- Application: fruit -->
<!-- Page: Test -->
<!-- Generated: Mon Sep 10 20:33:33 CST 2007 -->
<html>
<head>
<meta name="generator" content="Tapestry Application Framework, version 4.1.2" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>test</title>
<script type="text/javascript">djConfig = {"isDebug":true,"baseRelativePath":"/fruit/app?service=asset&path=%2Fdojo-0.4.3%2F","parseWidgets":false,"locale":"zh-cn"} </script>

 <script type="text/javascript" src="/fruit/app?service=asset&path=%2Fdojo-0.4.3%2Fdojo.js"></script>
<script type="text/javascript">
dojo.require("dojo.logging.Logger");
dojo.log.setLevel(dojo.log.getLevel("WARNING"));
</script>
<script type="text/javascript">
dojo.registerModulePath("tapestry", "/fruit/app?service=asset&path=%2Ftapestry%2F");
</script>
<script type="text/javascript" src="/fruit/app?service=asset&path=%2Ftapestry%2Fcore.js"></script>
<script type="text/javascript">
dojo.require("tapestry.namespace");
tapestry.requestEncoding='UTF-8';
</script>
</head> 
<head> 
</head> 

<body id="Body">
 

<p><a id="DirectLink" href="/fruit/app?component=%24DirectLink&amp;page=Test&amp;service=direct&amp;updateParts=resetNum" onclick="return tapestry.linkOnClick(this.href,'DirectLink', false)">Refresh time</a>.</p>  
  

</body> 
</html>
<!-- Render time: ~ 16 ms -->

没看到div输出哦...
点击的时候，在控制台那边有输出随机数，事件是有触发的！

10 楼 tapestry 2007-09-10

<span jwcid="resetNum@Insert" value="ognl:num" renderTag="true"></span>
这个生成的html中你看一下是不是生成了类似
<span id="resetNum">3</span>之类的，我没测试，应该是不会生成的，因为span为tapestry里默认的tag去输出的，你试一试div。

9 楼 wobu20 2007-09-10

第一次尝试的页面类代码：

import java.util.Random;
import org.apache.tapestry.html.BasePage;   
  
public abstract class Test extends BasePage  
{   
	public abstract Integer getNum();
	
	public abstract void setNum(Integer num);
	
	public void reset(){
		Integer num=new Random().nextInt(10000);
		System.out.println(num);
		setNum(num);
	}
}

html模板

<html jwcid="@Shell" title="test" debugEnabled="true"> 
<head> 
</head> 
<body jwcid="@Body"> 

<p><a jwcid="@DirectLink" listener="listener:reset" updateComponents="resetNum">Refresh time</a>.</p>  
  
<p><span jwcid="resetNum@Insert" value="ognl:num" renderTag="true"></span></p>
</body> 
</html>

谢谢！

8 楼 wobu20 2007-09-10

用你的例子修改了一些，出现以下情况：

原原本本（多了个getTime抽象方法）照你的例子运行，点击directLink没有任何反应...
请问楼主，是哪个地方出了问题？

7 楼 superwdd 2007-09-10

可以是可以了,不过为什么点击后是生成一个"层"盖在网页上?内容和原来一样,只是多了个时间

而且层上有个CLOSE链接用来关闭层.

怎么会是这个样子?有谁可以帮忙解答下吗?

纠正下楼主的错误

Tapestry Page类
里要添加public abstract Date getTime();

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

这个函数名要换掉,不能和 public abstract void setTime(Date time); 一样

会出错的

6 楼 superwdd 2007-09-09

已经发现是同事Friendly URL 配置错误了

5 楼 superwdd 2007-09-09

请问,为什么我的运行起来后,浏览器会有 dojo未定义的错误?

生成的dojo的js路径在浏览器都无法访问是tapestry路径生成错误了吗?

<script type="text/javascript" src="/assets*/static/dojo-0.4.3/dojo.js"></script>

/assets*/static/dojo-0.4.3/dojo.js 浏览器访问不到,其它的也是

4 楼 tapestry 2007-07-27

文档在这里
http://tapestry.apache.org/tapestry4.1/usersguide/upgrade4.0.html
还不是很全，我升级的时候忘记做记录了，你copy下项目不停的测试改就行，如果没用到tacos，升级还是挺方便的。

3 楼 sorphi 2007-07-27

谢谢！
从tapestry 4.0.x升级到4.1.x有什么注意事项么？官方文档中没提到，我不敢贸然升级。

2 楼 tapestry 2007-07-27

除了你定义调用的方法和需要更新的组件中的取值方法，其他不更新组件的取值方法不执行，render/rewind中无法判断是否ajax请求，我觉得没判断的必要呀，你在你自己的方法里执行逻辑，render方法里处理公共的部分就可以了，控制ajax的执行，这个没考虑过，tapestry使用dojo实现的ajax，或许你看其生成的页面源代码，或者重新实现tapestry组件试试。

1 楼 sorphi 2007-07-27

我还是那个疑问，t4.1中，如何在page的render/rewind流程中判断是来自于正常的页面渲染呢，还是某个组件的ajax请求？

还有，如何控制某个ajax响应中的script代码块的执行？有时候默认执行script的行为会造成一些麻烦。

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论