Aidez-nous à créer un mixin JavaScript dans Tapestry5?

Question

Je crée un mixin qui rend un fichier javascript quand un champ de texte gagne le focus. Je suis nouveau à l'idée de mixins dans Tapestry, et je ne suis pas sûr de l'endroit où placer mon fichier javascript original que je souhaite courir quand le champ de texte gagne le foyer.

Voici un exemple de mon code: La classe Java mixin:

package asc.mixins; 

import org.apache.tapestry5.RenderSupport; 
import org.apache.tapestry5.annotations.AfterRender; 
import org.apache.tapestry5.annotations.Environmental; 
import org.apache.tapestry5.annotations.IncludeJavaScriptLibrary; 
import org.apache.tapestry5.annotations.InjectContainer; 
import org.apache.tapestry5.corelib.base.AbstractTextField; 

@IncludeJavaScriptLibrary("js_dasher_mixin.js") 
public class DasherMixin { 

@Environmental 
private RenderSupport renderSupport; 

@InjectContainer 
private AbstractTextField field; 

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


} 

Le fichier mixin Javascript:

JSDasher = Class.create({ 

initialize: function(textField) 
{ 
    this.textField = $(textField); 

    this.textField.observe('focus', this.onFocus.bindAsEventListener(this)); 
}, 

onFocus: function(event) 
{ 
    //call my javascript init() function 
} 
} 

partie de mon fichier javascript je veux courir quand le champ de texte gains focus:

var posX, posY; 


// Sets up our global variables and dispatches an init request to the server. 
function init() { 

posX=0; 
posY=0; 
canvas = document.getElementById("canvas"); 
canvasWidth = canvas.offsetWidth; 
canvasHeight = canvas.offsetHeight; 
if (canvas.getContext) { 
    ctx = canvas.getContext("2d"); 
} 

canvas.onclick = canvasClicked; 
canvas.onmousemove = mouseMoved; 

canvasOffsetX = findPosX(canvas); 
canvasOffsetY = findPosY(canvas); 

sessID = -1; 

sendInitRQ(canvasWidth, canvasHeight); 

} 

Mon fichier javascript est beaucoup plus grand n ci-dessus, ma question est où devrais-je mettre mon code javascript ci-dessus?

Tout devrait-il être contenu dans le fichier mixin.js? si oui, où devrait-il aller exactement?

Merci d'avance pour toute aide.

Answer 1

La méthode est ok free-floating dans mixin.js mais avec un nom comme init, vous pourriez avoir un conflit. Vous pouvez le placer dans la classe JSDasher ou déplacer le corps vers la fonction onFocus. Vous pouvez également définir toutes les autres fonctions de la classe JSDasher et les appeler avec this.function_name. Regardez le fichier datefield.js dans la source Tapestry à titre d'exemple.