将JavaScript添加到Tapestry应用程序的方法是什么？

Question

我从一个使用Tapestry构建的现有webapp开始。

我不知道在哪里把我需要的Javascript。

基本上这个应用程序有一个页面捕获数据到一个文本区域，我想包括一个JavaScript库来处理该文本区域。

什么是将JavaScript添加到Tapestry应用程序的方法？任何样品或链接将不胜感激。

Chau！ :)

Answer 1

为了一些客户端行为添加到一个组件，通常你mixins包您的应用程序创建一个component mixin类：

package my.tapestry.basepackage.mixins; 

public class TextAreaResizer { 

} 

在你的组件模板，你的mixin添加到您的文字面积是这样的：

<textarea t:type="TextArea" t:value="..." t:mixins="TextAreaResizer" /> 

要加载JS库到页面中，您可以使用@IncludeJavaScriptLibrary标注上你的mixin，像这样：

@IncludeJavaScriptLibrary("context:textarearesizer/js/textarearesizer.js") 
public class TextAreaResizer { 

} 

如果你需要运行一些初始化代码，这是通过RenderSupport服务完成的，像这样：

@IncludeStylesheet("context:textarearesizer/css/textarearesizer.css") 
@IncludeJavaScriptLibrary("context:textarearesizer/js/textarearesizer.js") 
public class TextAreaResizer { 

    @Inject 
    private RenderSupport renderSupport; 

    @InjectContainer 
    private TextArea textArea; 

    @AfterRender 
    void addScript() { 
     this.renderSupport.addScript(
      "new TextAreaResizer('%s');", this.textArea.getClientId()); 
    } 

} 

在这种情况下，我也注入文本字段组件插入混入类，因为我需要其客户ID。

也检查出AJAX & Javascript section of the T5 docs。