第二十九讲：tapestry更好的可重复使用javaScript

最新推荐文章于 2024-09-14 18:52:56 发布
最新推荐文章于 2024-09-14 18:52:56 发布
阅读量87 收藏
点赞数
文章标签： javascript python 数据库 ViewUI
原文链接：https://my.oschina.net/shootercn/blog/54366
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

源码如下：

RobustJavaScript.java

/**
* 项目名称：TapestryStart
* 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql
* 版本：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.tml

<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 t:type="form" t:autofocus="false">
<input t:type="TextField" t:id="firstName"/>
<input t:type="TextField" t:id="lastName"/><br/>
</form>
</html>

robust_textbox_hint.js

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

转载于:https://my.oschina.net/shootercn/blog/54366

weixin_33834075
关注
Google分布式系统三大论文（二）Bigtable: A Distributed Storage System for Structured Data
XiaodunLP的博客
11-10 401
修正了alex翻译版的几个欠妥之处 Bigtable：一个分布式的结构化数据存储系统 摘要 Bigtable是一个管理结构化数据的分布式存储系统，它被设计用来处理海量数据：分布在数千台通用服务器上的PB级的数据。Google的很多项目将数据存储在Bigtable中，包括Web索引、Google Earth、Google Finance。这...
Bigtable：一个分布式的结构化数据存储系统
lengyuhong的专栏
11-04 4453
<br /> <br />Bigtable：一个分布式的结构化数据存储系统<br />译者：alex<br />摘要<br />Bigtable是一个分布式的结构化数据存储系统，它被设计用来处理海量数据：通常是分布在数千台普通服务器上的PB级的数据。Google 的很多项目使用Bigtable存储数据，包括Web索引、Google Earth、Google Finance。这些应用对Bigtable提出的要求差异非常大，无论是在数据量上（从URL到网页到卫星图像）还是在响应速度上（从后端的批量处理到实时数据
tapestry调试，避免重复启动
庆贺的专栏
01-07 504
一、打开myeclipse windows-->Preferences-->servers-->tomcat-->tomcat 6.x-->JDK-->Optional Java VM argument: 输入：-Dorg.apache.tapestry.disable-caching=true -Dorg.apache.tapestry.enable-reset-service=true
通过Tapestry4.0的组件，直接向JavaScript函数中传递参数的方法：
JAVA情源
11-30 157
通过Tapestry4.0的组件，直接向JavaScript函数中传递参数的方法： 如以下示列:       T4 的页面类  java  [代码] /**   获得|设置 UserId  的抽象方法*/   public abstract String getUserId();    public abstract void setUserId(Str...
javascript怎么在tapestry中应用
tapestry土豆
11-21 156
    最近研究tapestry4，遇到一个棘手的问题，就是javascript如何在tapestry中应用？请各位朋友帮忙，谢谢！
第二十七讲：tapestry与javaScript
weixin_34387468的博客
04-19 85
2019独角兽企业重金招聘Python工程师标准>>> ...
第四十四讲：tapestry与javascript的那些事
flywind520的专栏
10-16 109
第四十四讲：tapestry与javascript的那些事网址查看http://www.uxdpen.com/newtechnologydetail/179
Find-Sec-Bugs 漏洞范例
热门推荐
zhaohonghan的博客
04-03 1万+
Find-Sec-Bugs 漏洞范例 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： ...
技术笔试面试题(下)
Mr_赵的博客
04-18 4448
【题目编号】 jsd-02-201-5017 【知 识 点】 数据库-Oracle SQL-级联删除、左外连接、SQL基础 【难易程度】 50 【题目描述】 STOMERS表，字段为：ID：（非空，主键）bigint，NAME：（非空）varchar，AGE：int类型；创建ORDERS表，字段为：ID：（非空，主键，）bigint，ORDER_NUMBER：（非空）varchar，PRICE：...
第三十讲：tapestry强大的javaScript混合(mixins)
weixin_33970449的博客
04-19 105
2019独角兽企业重金招聘Python工程师标准>>> ...
通过Tapestry4.0的组件，直接向JavaScript函数中传递参数的方法
03-18 362
 通过Tapestry4.0的组件，直接向JavaScript函数中传递参数的方法：如以下示列[Tapestry4代码] 请点击 [JavaScript函数]function jsFun(obj){var memberId = obj.parameters;alert(memberId); }  
在Tapestry框架下的Select组件中的Option组件的value值怎样改变？
jiangyh52
02-26 393
html文件: java文件: public abstract int getCurrentCountryIndex(); public abstract String getCurrentCountry(); public abstract boolean[] getSelection(); public abstract void setSelec...
解读Tapestry5.1——页面渲染
MindHawk
12-16 5829
本文旨在介绍Tapestry5.1的页面渲染(render)过程，希望最终能给出一个完整清晰的页面渲染流程，以便大家能更好的理解Tapestry页面渲染的过程，构架出更漂亮的Tapestry组件。 页面渲染简单的说就是生产HTML页面，响应输入的HTTP请求。在我另一篇博文中简要的谈到了http请求转化为页面渲染处理的机制和页面渲染的流程，本文将继续详细介绍页面渲染的流程，有关请求处理流程
Tapestry组件运用总结(Link)
rabbiter_gtt的专栏
08-14 271
Tapestry总共有6种标准的link组件: GenericLink, ActionLink, DirectLink,ServiceLink, ExternalLink和PageLink *disabled参数 公有参数,disabled=true时,链接不可用 [b]A) GenericLink 组件[/b] e.g.     百度     用于跳转到应用程序范围以外的链接 ...
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 856
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
【JavaScript】LeetCode：707设计链表
最新发布
weixin_45980065的博客
09-14 491
【代码】【JavaScript】LeetCode：707设计链表。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 447
实现中国地图各省数据案例
JS笔记
2201_76100326的博客
09-11 875
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
轻松构建Web应用：Tapestry带你享受开发
《WebDevWithTapestry》是一本关于Tapestry框架的经典开发文档，由KaIok'Kent'Tong撰写，由TipTecDevelopment出版社出版，于2005年推出了第二版。这本书主要关注如何轻松地构建网络应用，并强调通过Tapestry库实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值