帮忙在 Tapestry5 中创建 JavaScript mixin？

Question

我正在创建一个 mixin，当文本字段获得焦点时它会呈现一个 javascript 文件。

我对 Tapestry 中 mixins 的想法很陌生，我不确定将我的原始 javascript 文件放置在哪里，我希望在文本字段获得焦点时运行该文件。

以下是我的代码示例： 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());
 }


}

Javascript mixin 文件：

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
} 
}

我的 javascript 文件的一部分 我希望在文本字段获得焦点时运行：

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

}

我的 javascript 文件比上面大得多，我的问题是我应该把我的 javascript 代码放在上面的哪里？

是否应该全部包含在 mixin.js 文件中？如果是的话，它到底应该去哪里？

预先感谢您的任何帮助。

Answer 1

该方法在 mixin.js 中可以自由浮动，但使用像 init 这样的名称，可能会发生冲突。您可以将其放在 JSDasher 类本身中或将主体移至 onFocus 函数。您还可以在 JSDasher 类上定义任何其他函数并使用 this.function_name 调用它们。以 Tapestry 源代码中的 datefield.js 为例。