Quelle est l'approche pour ajouter du javascript à une application Tapestry?

Question

Je commence avec une webapp existante construite avec Tapestry.

Je ne sais pas où mettre le Javascript dont j'ai besoin.

Fondamentalement, cette application a une seule page capturant des données dans une zone de texte, et je veux inclure une bibliothèque javascript pour faire quelque chose avec cette zone de texte.

Quelle est l'approche pour ajouter du javascript à une application Tapestry? Tout échantillon ou lien serait très apprécié.

Chau! :)

Answer 1

Pour ajouter un comportement côté client à un composant, vous créez généralement une classe component mixin dans le package mixins de votre application:

package my.tapestry.basepackage.mixins; 

public class TextAreaResizer { 

} 

Dans votre modèle de composant, vous ajoutez le mixin à votre texte domaine comme celui-ci:

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

Pour charger une bibliothèque JS dans une page, vous pouvez utiliser l'annotation @IncludeJavaScriptLibrary sur votre mixin, comme ceci:

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

} 

Si vous devez exécuter un code d'initialisation, qui est fait par le service RenderSupport, comme ceci:

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

} 

Dans ce cas, j'ai également injecté la composante du champ de texte dans la classe mixin parce que je dois son identifiant client.

Consultez également le AJAX & Javascript section of the T5 docs.