ExtJS について
前回の続き。highslide.js が軽くて良さそうでテスト。<img src=”***.jpg” onclick=”return hs.expand(this)”> とすれば、拡大表示はＯＫ。ＥｘｔJSで設定しているonclick:処理への対処がまだ不明。jquery などのjavascript が<body>内のタグを使っての処理を書く。ＥｘｔJSのテンプレートは、テンプレート内で初めてタグを生成する。そのためjquery がそのタグを使おうとすると、「undefined or null or オブジェクトではない」というエラーが発生する。テンプレートは変動因子を外部にまとめられるため管理しやすいというメリットを持つ役に立つツールだが、このタグについての問題を解決できなければ、使用しにくい。
imgPreview マウスオーバーで拡大表示されるjavascriptでは
<script src=”js/jquery-1.3.2.min.js” type=”text/javascript”></script>
<script src=”js/imgpreview.jquery.js” type=”text/javascript”></script>
で Ext.onReady() {
の中の最後に
$(‘タグ a’).imgPreview(); // タグはテンプレートで生成されるタグ
を追加すればで、拡大表示はOK
