第二十九講：tapestry更好的可重複使用javaScript

時間 2019-11-11

標籤第二十九 tapestry 更好重複使用 javascript 欄目 JavaScript 简体版

原文原文鏈接

源碼以下：javascript

RobustJavaScript.javahtml

/**

* 項目名稱：TapestryStart

* 開發模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql

* 網址： http://www.flywind.org

* 版本：1.0

* 編寫：飛風

* 時間：2012-02-29

package com.tapestry.app.pages;

import org.apache.tapestry5.annotations.Import;

import org.apache.tapestry5.annotations.Property;

import org.apache.tapestry5.ioc.annotations.Inject;

import org.apache.tapestry5.json.JSONObject;

import org.apache.tapestry5.services.javascript.JavaScriptSupport;

@Import(library="context:assets/js/robust_textbox_hint.js")

public class RobustJavaScript {

@Property

@SuppressWarnings("unused")

private String firstName;

@Property

@SuppressWarnings("unused")

private String lastName;

@Property

private String firstNameId;

@Property

private String lastNameId;

@Inject

private JavaScriptSupport javaScriptSupport;

public void setupRender() {

firstNameId = "firstName";

lastNameId = "lastName";

JSONObject spec = new JSONObject();

spec.put("textboxId", firstNameId);

spec.put("hintText", "Enter First Name");

spec.put("hintColor", "#ff6600");

javaScriptSupport.addInitializerCall("textboxHint", spec);

JSONObject spec2 = new JSONObject();

spec2.put("textboxId", lastNameId);

spec2.put("hintText", "Enter Last Name");

spec2.put("hintColor", "#808080");

javaScriptSupport.addInitializerCall("textboxHint", spec2);

}

RobustJavaScript.tmljava

<html t:type="layout" title="tapestryStart Index" t:sidebarTitle="Framework Version"

xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd" xmlns:p="tapestry:parameter">

</form>

</html>

robust_textbox_hint.jssql

TextboxHint = Class.create( {

initialize : function(textboxId, hintText, hintColor) {

this.textbox = $(textboxId);

this.hintText = hintText;

this.hintColor = hintColor;

this.normalColor = this.textbox.getStyle('color');

Event.observe(this.textbox, 'focus', this.doClearHint.bindAsEventListener(this));

Event.observe(this.textbox, 'blur', this.doCheckHint.bindAsEventListener(this));

Event.observe(this.textbox, 'change', this.doCheckHint.bindAsEventListener(this));

Event.observe(this.textbox.form, 'submit', this.doClearHint.bindAsEventListener(this));

this.doCheckHint();

doClearHint : function(e) {

if (this.textbox.value == this.hintText) {

this.textbox.value = "";

}

this.textbox.setStyle({color: this.normalColor});

doCheckHint : function(e) {

// If field is empty, put the hintText in it and set its color to hintColor

if (this.textbox.value.length == 0) {

this.textbox.value = this.hintText;

this.textbox.setStyle({color: this.hintColor});

}

// Else if field contains hintText, set its color to hintColor

else if (this.textbox.value == this.hintText) {

this.textbox.setStyle({color: this.hintColor});

}

// Else, set the field's color to its normal color

else {

this.textbox.setStyle({color: this.normalColor});

}

} )

Tapestry.Initializer.textboxHint = function(spec) {

new TextboxHint(spec.textboxId, spec.hintText, spec.hintColor);

}

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。