2012-04-26 7 views
0

jqueryテンプレートを使用して、私のWebページに配列items []を追加しようとしています。jqueryテンプレートに配列を追加する

items=[{'name' => 'test', 
     'values' => 
      [ 
      { 
      'ver' => 2, 
      'count' => 469, 
      }, 
      { 
      'ver' => 2, 
      'count' => 445, 
      }]}, 

     {'name' => 'test2', 
     'values' => 
      [ 
      { 
      'ver' => 4, 
      'count' => 604, 
      }, 
      { 
      'ver' => 5, 
      'count' => 469, 
      }]}] 
使用

アペンドコードは、私は名前は、私はそれが印刷されたのですかどのように別の配列であるため、印刷出力の果物やベジを取得するために$ {name}を指定しまし$("#div").tmpl(items).appendTo("#divTable");

あります?アイブ氏はjQuery.tmpl内の配列を反復処理するには、WRK ...

+0

'#div'テンプレートを作成するコードを見ることはできますか? – Avaq

+0

<スクリプトID = "DIV" タイプ= "テキスト/ X-jqueryの-TMPL"> $ {名前} $ {values.ver} – Sam

+0

ああ、1秒。答えを作成する。 – Avaq

答えて

0

それを$ {values.verを} doesntの使用、あなたは{{each}} -template言語構築物、または{{tmpl}}を使用することができます。

「各」はすべての項目を繰り返し処理し、自動的に$index$valueに設定されます。例:

${name} <br /> 
{{each values}} 
    ver: ${$value.ver} <br /> 
    count: ${$value.count} <br /> 
{{/each}} 

また、「tmpl」を使用すると、特にサブアレイ用の新しいテンプレートを作成できます。

+0

また、jqueryテンプレートでラジオボタンを追加したので、各セクションからラジオボタンを1つだけ選択することができます。$ {name}
{{each values}} ver:$ {$ value.ver}
件数:$ {$ value.count}
{{/ each}} – Sam

関連する問題