0

例えば：

以下のように、Name、start、director、year などのいくつかのプロパティを持つ 1 つの JavaScript プロパティ配列モデルを作成しました。

model = {}
  model.Name = [];
  model.Stars = [];
  model.Director = [];
  model.Year = [];

次に、実行時にプッシュメソッドを使用してモデルにデータを追加しました

Name="DDLJ"
Stars="SRK"
Director="Yashraj"
Year="1998"

Name="K3G"
Stars="SRK"
Director="Karan"
Year="2004"


Name="KKHH"
Stars="SRK"
Director="Karan"
Year="2000"

jqueryテンプレートを使用して、モデル配列オブジェクトのすべての情報をhtmlテーブルに表示したいのですが、どうすればよいですか?

私は使用して試しました{{each}} {{/each}}が、一度に1つのプロパティデータしか表示されず、次のように....

{{each Name}} ${{$Value}} {{/each}}

{{each stars}} ${{$Value}} {{/each}}

この問題を解決して私を助けてください...

4

1 に答える 1

0

モデルは次のようになります (複数の配列を持つオブジェクトではなく、オブジェクトの配列)。

var model = [];
model.push( { Name: "DDLJ", Stars: "SRK", Director: "Yashraj", Year: 1998 } );
// etc

次に、テンプレートに次のようなものを書くことができるはずです。

<script id="modelTemplate" type="text/x-jquery-tmpl"> 
        <tr> 
            <td>${$Name}</td>
            <td>${$Stars}</td>
            <td>${$Director}</td>
            <td>${$Year}</td>
        </tr> 
</script>

<table id="modelTable"><table>

次に、テンプレートをレンダリングします。

$("#modelTemplate").tmpl(model).appendTo($("#modelTable");
于 2012-07-04T09:38:51.003 に答える