本文介绍了一个基于Tapestry5框架的应用案例，该应用通过Maven构建，并集成了Scriptaculous JavaScript库来实现页面元素的动态效果。具体展示了如何在Tapestry5中使用Scriptaculous的Grow效果。
动画效果使用了script.aculo.us的JS库，源码如下：
Scriptaculous.java
/**
* 项目名称：TapestryStart
* 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql
* 网址：
http://www.flywind.org
* 版本：1.0
* 编写：飞风
* 时间：2012-02-29
*/
package com.tapestry.app.pages;
import org.apache.tapestry5.annotations.Property;
import org.apache.tapestry5.ioc.annotations.Inject;
import org.apache.tapestry5.services.javascript.InitializationPriority;
import org.apache.tapestry5.services.javascript.JavaScriptSupport;
public class Scriptaculous {
@Property
@SuppressWarnings("unused")
private String firstName;
@Property
@SuppressWarnings("unused")
private String lastName;
@Inject
private JavaScriptSupport javaScriptSupport;
public void setupRender() {
javaScriptSupport.addScript(InitializationPriority.LATE, String.format("Effect.Grow('%s');", "expando"));
}
}
Scriptaculous.tml
<html t:type="layout" title="tapestryStart Index" t:sidebarTitle="Framework Version"
xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd" xmlns:p="tapestry:parameter">
<div id="expando" style="padding: 10px; background-color: #eeeeee;">
<form t:type="form" t:autofocus="false">
<input t:type="TextField" t:id="firstName" t:mixins="TextboxHint" t:hintText="Enter First Name" t:hintColor="#808080"/>
<input t:type="TextField" t:id="lastName" t:mixins="TextboxHint" t:hintText="Enter Last Name" t:hintColor="#808080"/><br/>
</form>
</div>
</html>
扫一扫
6322
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
