2010-12-03 5 views
5

結果のDOMオブジェクトにjQueryテンプレートをレンダリングするために使用されたデータ項目をどのようにアタッチするか知っていますか?jquery tmplにデータを添付するには

与えられたこのTMPL:

<script id="sectionTemplate" type="text/x-jquery-tmpl"> 
<div class="story-writer-section sticker ${CssClasses}"> 
    <div class="title"> 
    <div class="delete-button sticker-button"/> 
     ${SectionName} 
    </div> 
    <div class="story-writer-story-container"> 
    </div> 
</div> 

と、この:

$("#sectionTemplate") 
     .tmpl(sections) 
     .appendTo(".story-writer-section-container"); 

は私が.DATA( 'セクション' を介して結果を各セクションを添付したいのですが、データ)ので、すべてのデータがレンダリングされているわけではないので、後ですべてのデータにアクセスできます。例えば、削除のようなことをするときに後で保持する必要があるIDなどです。

おそらく、このような何か...

 $("#sectionTemplate") 
     .tmpl(sections) 
     .appendTo(".story-writer-section-container").each(function (????) { 
           this.data('section', ?????); 
          }); 

しかし、私はこのTMPLをレンダリングするために使用される現在のデータ項目のホールドを取得する方法は考えています。

パーハスこれをテンプレート自体に含める方法がありますか?

ご迷惑をおかけして申し訳ございません。

+0

IDのようなデータを保持するためにテンプレートに非表示のフィールドを追加することはできますが、データに直接データを追加するだけでよい場合、データとデータをリンクするjQueryデータを使用できますUI。 –

答えて

14

[OK]を解決しました。

$.tmplItem(this).data 

は非常に良い、いつものように、jQueryのは失望していません:それは、データがすでに.tmpl()によって生成された要素に追加され、このようにアクセスすることができるようになります。

+0

ありがとう、これは私をとても助けました! :) – Shawn

+0

ありがとうございます:)多分あなたは受け入れられたとしてあなたの答えをマークしたいですか? – hacksteak25

関連する問題