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

Question

我从使用Tapestry构建的现有webapp开始.

我无法弄清楚我需要的Javascript放在哪里.

基本上这个应用程序有一个页面将数据捕获到文本区域,我想包含一个javascript库来处理该文本区域.

将JavaScript添加到Tapestry应用程序的方法是什么？任何样本或链接将非常感激.

洲!:)

Answer 1

要向组件添加一些客户端行为，您通常在应用程序包中创建一个组件 mixin类：mixins

package my.tapestry.basepackage.mixins;

public class TextAreaResizer {

}

在组件模板中，将 mixin 添加到文本区域，如下所示：

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

要将 JS 库加载到页面中，您可以在 mixin 上使用@IncludeJavaScriptLibrary注释，如下所示：

@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());
    }

}

在本例中，我还将文本字段组件注入到 mixin 类中，因为我需要它的客户端 ID。

另请查看T5 文档的 AJAX 和 Javascript 部分。