[Seasar-user:21762] Re: TeedaでbuttonタグのイベントをInputと同様にPageクラスで受け取る方法について

2013年 11月 22日 (金) 23:09:00 JST

根木です。
メール有難うございます。
Teedaの元になっているJSF側で対応していないのでTeedaでも対応していないと言うことはわかりました。
また、自分には Teeda ExtesionのFactoryを修正する方法も難しいと思っています。
と言うことで今のところはアドバイスいただきました、<button id="buttonDoXXX" type="button">要素の直後に
<input id="doXXX" type="submit" style="display: none;">を置いてｊQueryでbuttonDo～～で始まるボタンについては紐づくdo～～を.click()する方法をとってみました。
一見動作したのですが、テーブルの中の繰り返し要素のbuttonについてはIDが重複してしまい必ず一番上のボタンが押されてしまい～Indexの値が取れない症状が発生してしまいました。
もう、上から数えてX番目のinput呼び出せばいいかなとかも思ったのですがさすがにちょっとアナログだし他にも問題があるかもと思いとどまりまして、結果としてbuttonでのdoは諦めることにしました。
ご対応ありがとうございました。

--- On Thu, 2013/11/21, Koichi Kobayashi <koichik ＠ improvement.jp> wrote:

小林 (koichik) です。

引用されている情報はTeeda Extensionに解釈される
要素としてではなく、通常のXHTMLとしての記述の
話をしているだけなので関係ありません。

そもそもの話として、TeedaはJSF 1.1ベースなのですが、
JSF 1.1では<button>要素に対応するコンポーネントが
定義されていないのです。
そのため、Teedaとしても<button>要素には対応して
いません。

どうしても必要ということであれば、カスタムの
コンポーネントやレンダラを作成し、それを使うように
Teeda Extesionのファクトリを修正するなどの対応を
すれば可能ではありますが、現実的とは言い難いですね。

多少手間ではありますが、display: none なところに
(Teedaのページクラスにマッピングする)
<input type="submit">のボタンを用意して、それを
(Teedaとは関係のない) <button type="button">要素の
onclickでbutton.click()する方が現実的な対応では
ないかと思います。


On Wed, 20 Nov 2013 11:04:53 +0900 (JST), malecoffe ＠ yahoo.co.jp wrote:

> お世話になります、根木ともうします。
> 
> 初歩的な質問であれば申し訳ないのですが
> まず私の認識として、EclipseのプラグインのDoltengで作ったプロジェクトは
> <button>タグを使ったdoイベントが動作しないと認識しており、この部分を改善したいと考えています。
> どうしても<button>要素を使いたい理由として、デザイン部分への手間を減らすための
> Boootstrapの様なCSSテンプレートを使っているのですが、これら最近のCSSテンプレートは<button>タグを多用しているので、Teeda用にCSSを<input type="button">でも綺麗に見えるように修正しています。
> この部分を改善したく、できればなにも修正せずにteedaでbuttonタグが動作すればと思っています。
> 以前にもこのような質問があり、その理由と対策が過去のメールの
> 以下のURLに書かれているのですが、対策についてよくわかりませんでした。
> https://ml.seasar.org/archives/seasar-user/2009-January/016685.html
> > type="button" の <button> 要素が使いたいなら
> > 属性を明示してください．
> こちらについて、具体的にどのようにTeeda.htmlへ<button>要素を記述すれば
> Pageクラスのメソッドが呼ばれるようになるのでしょうか？
> 仕様とは認識した上で、現実的な問題としてその仕様を変更する方法を教えていただきたいです。
> どうぞよろしくお願いします。
> 


-- 
{
  name: "Koichi Kobayashi",
  mail: "koichik ＠ improvement.jp",
  blog: "http://d.hatena.ne.jp/koichik/",
  twitter: "@koichik"
}

_______________________________________________
Seasar-user mailing list
Seasar-user ＠ ml.seasar.org
https://ml.seasar.org/mailman/listinfo/seasar-user
-------------- next part --------------
HTMLの添付ファイルを保管しました...
URL: <http://ml.seasar.org/archives/seasar-user/attachments/20131122/daaabaec/attachment.html>