2012-03-15 2 views
0

knockoutjsを使用して、htmlテーブルで適切なフォーマットのデータを取得しようとしています。knockoutjsテンプレートバインディングが動作しない

最初のフィールドのドキュメントタイトルに実際のファイルへのリンクがあるはずのhtmlテーブルにドキュメントのリストを表示することはできません。

は、ここに私のバイオリンだhttp://jsfiddle.net/jenrud/SCUWc/

それは働いていない理由

誰も教えてもらえますか?

また、jqueryやその他の技術を使用してデータテーブルをページ設定してフィルタリングする方法について助言を与えることができます。物事の

おかげ イェンス

答えて

1

http://jsfiddle.net/SCUWc/2/

カップル:あなたはjQueryのテンプレートかどうかを確認するために、その初期化中にKOは、いくつかのテストを行うようにjQueryをノックアウトする前に負荷をテンプレートいることを確認する必要があり

  1. がロードされています
  2. jQueryテンプレートを使用する場合は、最新バージョンをプルして使用する必要があります。 (KOはあなたに最新のものがないというエラーを投げていました)
  3. {{each}}を使用してテンプレートをKOのforeachに切り替えました。アイテムを変更すると、すべてのデータを再レンダリングしないことに少し賢明です。
+0

おかげエリックにコードを変更する必要があり、私は今、自分の欠点を見ました。私はテーブル行を反復処理するために何か方法を得ることを望んでいたので、cssクラスを交互の行に適用することができました。再度、感謝します。/Jens –

+0

http://jsfiddle.net/SCUWc/3/これは、元の色に少し違う色になります。また、 'document'オブジェクトに 'index'プロパティを追加し、KOネイティブテンプレートで使用することもできます。 – ericb

+0

あなたは大きな助けをしてくれました、ありがとう。 –

-1

KnockoutJS 2.0はjquery.tmplでは機能しません。 2.0では、新しい各バインディングを使用する必要があります。

jquery.tmplを使用する必要がある場合は、KnockoutJS 1.2を参照して動作することができます。

+0

-1、http://knockoutjs.com/documentation/template-binding.html#note_6_using_jquerytmpl_an_external_stringbased_template_engine –

1

あなたは

<tbody data-bind="template: {name: 'documentsTemplate', foreach: documents}"> 
関連する問題