2012-03-20 67 views
0

jQuery的模板网站,他们给了这个例子。(http://api.jquery.com/jQuery.template/如何创建Jquery的模板输入数据动态

<script> 
    var movies = [ 
     { Name: "The Red Violin", ReleaseYear: "1998", Director: "François Girard" }, 
     { Name: "Eyes Wide Shut", ReleaseYear: "1999", Director: "Stanley Kubrick" }, 
     { Name: "The Inheritance", ReleaseYear: "1976", Director: "Mauro Bolognini" } 
    ]; 

    var markup = "<tr><td colspan='2'>${Name}</td><td>Released: ${ReleaseYear}</td><td>Director: ${Director}</td></tr>" 

    /* Compile markup string as a named template */ 
    $.template("movieTemplate", markup); 

    /* Render the named template */ 
    $("#showBtn").click(function() { 
     $("#movieList").empty(); 
     $.tmpl("movieTemplate", movies).appendTo("#movieList"); 
    }); 
</script> 

我唯一的问题是我如何创建此

var movies = [ 
    { Name: "The Red Violin", ReleaseYear: "1998", Director: "François Girard" }, 
    { Name: "Eyes Wide Shut", ReleaseYear: "1999", Director: "Stanley Kubrick" }, 
    { Name: "The Inheritance", ReleaseYear: "1976", Director: "Mauro Bolognini" } 
]; 

数据动态使用一个for循环?我试图使用循环[非常脏的方式]创建这个结构,它没有工作(可能是因为我创建了一个类似的外观字符串),我想它期望一个数组。

+0

您的原始数据是什么样的?没有看到您尝试过的东西,很难知道您有什么问题。 – mgibsonbr 2012-03-20 16:24:44

回答

2

这是一个JSON对象数组。

myArray.push({name: depName, value: depValue}); 

与推,你可以添加新的元素。从某处读取数据并将其插入阵列。

+0

是的工作..我其实是试图推动它作为字符串,但我应该使用这种格式,你显示..非常感谢。 – 2012-03-20 16:41:51

+0

没问题,欢迎您! – 2012-03-20 16:42:11