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

Question

我从使用 Tapestry 构建的现有网络应用开始。

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

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

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

赵! :)

Answer 1

要向组件添加一些客户端行为，您通常会创建一个 component mixin您应用的 mixins 包中的类:

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

}

在这种情况下，我还将文本字段组件注入(inject)到 mixin 类中，因为我需要它的客户端 ID。

另请查看 AJAX & Javascript section of the T5 docs .