Tapestry JavaScript(2)

前回簡単なJavaScriptテンプレートのサンプルを載せました。
TagListコンポーネントをHTMLテンプレートから呼び出すと自動的にJavaScriptも出力されるわけですが、同じページに２つTagListコンポーネントを使用すると変数名やfunctionの重複が発生します。
重複を回避するために<unique>を使用します。この他にもJavaScriptテンプレートには、使用可能なエレメントが存在します。これらについて説明していきたいと思います。

<unique>エレメント

重複例

HTMLテンプレート

<span jwcid="@TagList" /><span jwcid="@TagList" />

出力されるHTML

<script type="text/javascript"><!--var name = "12345";alert(name);var name = "12345";alert(name);// --></script>

上記の出力結果では、１つのscriptタグ内にまとめられてはいますが、変数名の重複が起こっています。
また、alertは１回だけ表示したい時もあります。

重複の回避

同じものを表示させないようにするには、<unique>エレメントを使用します。

-WEB-INF/jwc/TagList.script

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE scriptPUBLIC "-//Apache Software Foundation//Tapestry Script Specification 3.0//EN""http://jakarta.apache.org/tapestry/dtd/Script_3_0.dtd"><script><body><unique>var ${varName} = "${varValue}";</unique>　　　　alert(name);</body></script>

上記のように変数の値の部分のみをuniqueエレメントで囲うことで、同じコンポーネントを２回使用してもページ内には１回のみ表示されるようになります。( alert文はuniqueエレメントで囲っていませんので２回表示されます）

出力されるHTML

<script type="text/javascript"><!--var name = "12345";alert(name);alert(name);// --></script>

initializationエレメント

JavaScriptを記述するとページを総て読み込んだ後に特定の関数を実行したいことがあります。
window.onload = function ()等で指定しても良いのですが、Tapestryでは、ページの最後（body終了タグの直前）にJavaScriptを埋め込む命令があります。

-WEB-INF/jwc/TagList.script

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE scriptPUBLIC "-//Apache Software Foundation//Tapestry Script Specification 3.0//EN""http://jakarta.apache.org/tapestry/dtd/Script_3_0.dtd"><script><body><unique>var ${varName} = "${varValue}";</unique><initialization>　　　　alert(name);</initialization></body></script>

HTML出力結果

.....<script language="JavaScript" type="text/javascript"><!--alert(name);// --></script></body>

initializationタグで囲まれた部分が、HTMLの最後に表示されます。もちろんこの中でuniqueエレメントを使用する事も可能です。

input-symbolエレメント

.java ファイルから指定される変数を定義します。
オプションとして用意されているエレメントですので、記述してもしなくてもかまいません。
多くの変数を扱うときScriptテンプレート側で変数名等を明確にしたいときに使用します。

-TagList.java

Map symbols = new HashMap();symbols.put("varName","name");symbols.put("varValue","12345");getScript().execute(aCycle,pageRenderSupport,symbols);

-TagList.script

<input-symbol key="varName" class="java.lang.String" required="yes"/><input-symbol key="varValue" class="java.lang.String" required="yes"/>

forearchエレメント

名前の通り繰り返し処理を行います。

-TagList.script

<input-symbol key="bookmarkList" class="java.util.List" required="yes"/>....<foreach key="keyObj" index="no" expression="bookmarkList">${keyObj.getTitle()};${no};</foreach>

-出力例

title0;0;title2;1;

-TagList.java

symbols.put("bookmarkList",list);getScript().execute(aCycle,pageRenderSupport,symbols);

上記の例ではListクラスを指定しており、リストのアイテム数回繰り返しを行います。
List以外を指定するときは以下の通りにします。

Setを指定

<input-symbol key="bookmarkList" class="java.util.List" required="yes"/>

Mapを指定

<input-symbol key="bookmarkMap" class="java.util.Map" required="yes"/><foreach key="keyObj" index="no" expression="bookmarkMap.keySet()">${keyObj.getTitle()};${no};</foreach>

Tapestry JavaScript(1)にアノテートによるScriptテンプレートファイルの指定方法を追加しました。
https://www.taosoftware.co.jp/blog/2006/03/tapestry_javascript.html#more

Share on Tumblr
LINEで送る

コメント

コメントを投稿

このブログの人気の投稿

ドローンプログラミング体験教室を伊豆大島の小学校でしてきました

イメージ
最近このタオソフトウエアブログに、弊社杉山の伊豆大島記事がアップされています。彼は昨年から地域活性化企業人として、伊豆大島で仕事をしており通常業務をしておりますが、今回地域活性化企業人の企画第一弾として、ドローンプログラミング体験教室を行いました。（第二弾があるかはよくわかりません）。 コロナにより子供達は不自由な暮らしをしてきています。大人であれば行動制限は仕方のない事だと理解できるし、旅行やイベントはコロナ収まってから行けばよいやと納得も可能です。しかし子供達は修学旅行とか、運動会とか、その年代にしか体験できないイベントが多くあります。行動制限など納得できない事が多いと思います。しかも島という地理的特色により、他の地域の子供達より多く行動に制限がかかってしまっています。 そこで、少しでも子供たちに楽しんでもらえたらと思い、プログラミングとドローンを両方勉強できて、さらに楽しいというお得な、ドローンプログラミング教室を開催しました。 だって、ドローン飛ばすの楽しいですからね 開催目的 大島に住む小中学校の「IT」に対する興味や関心を高めたい。 新型コロナウイルスによる影響で色々な制限をうけている中、少しでも驚きや楽しみを味わってもらいたい。 開催情報 日時：８月２９日（月） １３：３０～１５：３０ 場所：椿小学校　体育館 対象：椿小学校６年生 参加費：無料 主催：大島町役場　総務課　電子研鑽係（地域活性化企業人制度） 講師：タオソフトウエア株式会社、 株式会社ナレッジエックス 当日 ドローンプログラミング教室は、大島の３つの小学校でそれぞれ行います。第一回目は、つばき小学校。正門がすごい立派で周りの木々も含めとても、趣がある小学校でした。８月２９日（月）は、大島町ではまだ夏休みで、人がほとんどいなかったのもあり、静寂に包まれた落ち着いた小学校で素敵でした。 つばき小学校正門 今回のイベントは、大島に赴任している地域活性化企業人が企画しましたが、大人向けのプログラミング教室ならともかく、子供にプログラミングを教えるのは、ちょっと荷が重いかなと思い、教育関係の仕事をしていて、タオソフトウエアの新人教育等にもお世話になったことのある、 株式会社ナレッジエックス さんをお誘いして一緒に授業を行う事にしました。 授業内容 ドローンについての一般知識座学 ドローンを飛ばしてみ...
続きを読む

iBatisで動的SQL

イメージ
iBatisで動的なSQLを発行する方法ですが、sqlMap.xmlの内容を編集するだけです。 以下に簡単な例をあげておきます。(sqlMap内のselectタグだけ記載しています) <select id=”getUser2″ resultMap=”resultUser”> SELECT ID AS id, NAME AS name FROM USER_TABLE <dynamic prepend=”WHERE”> <isGreaterThan property=”id” compareValue=”0″> ID=#id# <isGreaterThan> </dynamic> </select>
続きを読む

情報処理安全確保支援士登録証のカード型が届きました。

イメージ
情報処理安全確保支援士は、サイバーセキュリティ分野の日本国の国家資格ですが、本日登録証が届きました。 ２０２０年５月に制度見直しが入り、カード型の登録証が登場しました。 制度見直しについて： https://www.ipa.go.jp/siensi/kaisei.html 情報処理安全確保支援士の情報は、あまりネットに上がっていないので、情報共有です。 表 パット見て車の免許証みたい。いや保険証かな、年数によりグリーン、ブルー、ゴールドと色が変わるらしい。（ゴールドとか運転免許みたい）、でもこれって、せっかく作ったのに、今のデジタル庁云々の話の流れで、マイナンバーカードに統合されてしまい短い命なのではないかなと思ったりします。 カードの色について： https://www.ipa.go.jp/siensi/toberiss/index.html ※生年月日の部分だけ加工しました。 ※登録番号は、公開番号なので大丈夫です。 ※名前は、私の場合隠しても意味がないです 裏 「登録削除されたときは、この登録証を返納すること」の記載が気になりました。維持していくのに結構な金額がかかるので、講習等でお金を払うタイミングで、やめるかを決める事になるかと思いますが、カード返納するの忘れそう。 まとめ カードが届いて少し気分が上がりました。１枚のカードでしかないですが、セキュリティ関係もう少しアクティブに動くかなという気持ちになります。 情報処理安全確保支援士は、士業なのに、今のところあまりメリットがないと言われてきてますが、専業業務も少し出てきていますし、中の人も結構いろいろと頑張っているようです。私としては、これを持っていると、脆弱性チェックがしやすくなるように、不正アクセス禁止法がある程度緩和されると良いのになと思ってます。 ふと気が付けば、ここにブログ記事を書くのは２年ぶりでした。久しぶりすぎてログイン自体てこずりました。 Share on Tumblr Tweet
続きを読む