JavaScriptをJSFコンポジットコンポーネントにまとめる、きれいな方法

Question

JSFでは、JavaScriptを統合するための「正しい」方法と「クリーン」な方法は何でしょうか？私はUnobtrusive JavaScriptのファンであり、CSSからJSとHTMLを分離しています。できるだけ小さな欠点を持つ良い方法は何でしょうか？これは私がこれまでに一番好きなものです：私は好きではない何

<composite:interface> 
    // ... 
</composite:interface> 

<composite:implementation> 
    // ... 
    <script> initSomething('#{cc.clientId}'); </script> 
</composite:implementation>  

はlanguage Bを生成するlanguage Aを使用すること、です。基本的に同じことが、イベントハンドラやものにも当てはまります。私のお気に入りは、<insert favorite DOM JavaScript library here>経由でハンドラをつけることです。これは可能ですか？このような統合をどうやってやっていますか？

Answer 1

私は、HTML要素の性質が非常にユニークであることを確信している限り、あなたが得ることができる最高のものだと言いたいと思います。毎回IDで選択する必要があります。

でない場合は、というユニークです（Faceletsテンプレートまたはインクルードファイルには、ヘッダー、メニュー、フッターなどのアプリケーション全体に固有のHTML要素が含まれている可能性がありますが、再利用できる複合コンポーネント私は想像することはできません）、それからユニークなクラス名とフックの初期化を考慮することもできます。

など。

$yourComposites.each(function(index, yourComposite) { 
    var id = yourComposite.id; 
    // ... 
}); 

： /resources/composites/yourComposite.jsにあなたが jQuery.each()におけるそれらのそれぞれのために必要なエキス自動生成されたHTML要素ID場合

var $yourComposites = $(".your-composite"); 
// ... 

することができます（あなたはjQueryのを使用していると仮定）と/resources/composites/yourComposite.xhtml

<cc:implementation> 
    <h:outputScript library="composites" name="yourComposite.js" target="head" /> 
    <div id="#{cc.clientId}" class="your-composite"> 
     ... 
    </div> 
</cc:implementation>