Touch2、今回は本題であるイベント周りを記述する。01だと3ページ分のスクリプトが入り交じっていて少しゴチャッとしているので、各ページごとに3つに分けて説明をしていくことにする。しても長くなったので、もう1エントリ続ける。Eventからソースを引っ張ってきて変更をしている。前回のようにインスペクタを出しConsoleをみるとログが表示されている。http://hvn.to/sencha/senchaTests/hello/apps/event01a.jsがjsのソースであり、重要になってくるのは、15行目以下あたりからになる。});},下記のように変更している。}})getEventDispatcherはドキュメントに載っていないものではあるが、ソースコード(src/mixin/Observable.js)でなんとなくイベントリスナーのインスタンス関連であることくらいは分かった。)と微妙に違っていて非常に悩ましい。この部分についてはまたどこかで解明できたら報告するつもりだ。’#touchpad’と書かれている部分で、タッチする部分のid指定だと推察し、変更して動かせるようにした。それ以上に分からないのがfunction(a,b,c,d)の部分だった。いうことでこの部分をconsole.log(a);といったように直接入れてオブジェクトダンプしてみる。するとa・dはクラスから作られたオブジェクト、bはHTML要素、cはオブジェクト(空のようだ、きっとオプションオブジェクト)となっている。a・dについて、__proto__部分を開くと元になったクラスが確認できる。aではExt.event.Touch、dではExt.event.Controllerが元になっている。aにはpageX、pageYとしてタップイベントの起きた位置、dではinfo内にターゲットやサンプルでも使われているイベント名などの情報がはいっており、なにかと重宝しそうな感じだ。新しくhtml要素を作るのではなく書き換えたいのだが、やっぱりドキュメントにない。そこでinnerHtmlElementが定義されているクラスにはきっと書き換えもあるだろうと確認してみる。innerHtmlElementの定義されているjsはsrc/Component.jsだ、これを見るとそれっぽい名前のupdateHtmlが存在しており、これを使用するとうまく動いてくれた。他にもupdateCls等々ドキュメントに載っていないが使えそうな関数が色々とあった。01cも続けて書くと長くなるので、今回はココまでにして、また次回に続けることにする。Comment返信をキャンセルする。