Javascript 在下划线.js中显示列表中的所有项目(使用Parse.com)
我正在Parse.com(javascriptSDK)中构建一个应用程序,我一直在思考如何显示从数据库中提取的项目列表 当项目从解析中拉入时,其格式如下:Javascript 在下划线.js中显示列表中的所有项目(使用Parse.com),javascript,backbone.js,underscore.js,parse-platform,Javascript,Backbone.js,Underscore.js,Parse Platform,我正在Parse.com(javascriptSDK)中构建一个应用程序,我一直在思考如何显示从数据库中提取的项目列表 当项目从解析中拉入时,其格式如下: { "results":[ { "name": "End of summer", "owner": { "__type": "Pointer", "className": "_User",
{
"results":[
{
"name": "End of summer",
"owner": {
"__type": "Pointer",
"className": "_User",
"objectId": "D4ttcoN6ex"
},
"createdAt": "2012-09-03T09:21:50.144Z",
"updatedAt": "2012-09-03T09:21:50.144Z",
"objectId": "Xp8Mz24fI3"
}, {
"name": "My summer holidays",
"owner": {
"__type": "Pointer",
"className": "_User",
"objectId": "D4ttcoN6ex"
},
"createdAt": "2012-09-03T09:17:15.515Z",
"updatedAt": "2012-09-03T09:17:15.515Z",
"objectId": "hjqVThNgXu"
}, {
"name": "My summer",
"owner": {
"__type": "Pointer",
"className": "_User",
"objectId": "D4ttcoN6ex"
},
"createdAt": "2012-09-03T09:17:31.139Z",
"updatedAt": "2012-09-03T09:17:31.139Z",
"objectId": "0UEHHXtyBG"
}, {
"name": "First day of school",
"owner": {
"__type": "Pointer",
"className": "_User",
"objectId": "D4ttcoN6ex"
},
"createdAt": "2012-09-03T09:21:37.315Z",
"updatedAt": "2012-09-03T09:21:37.315Z",
"objectId": "W1OKKwLXmz"
}
]
}
因此,基本上是一个文件夹列表,每个文件夹都有一个名称、所有者、createdAt、updatedAt和objectId
我想使用下划线.js模板在列表中显示这些内容
使用下划线文档,我得出以下结论:
<ul>
<% _.each( folderList["results"], function( listItem ) { %>
<li><%= listItem["name"] %></li>
<% }); %>
</ul>
(其中folderList是上面的数组)
但是除了
之外,这没有显示任何内容-没有错误或任何内容。如果我这样做,它会显示“4”,这是正确的项目数
我不知道我在做什么,也找不到任何关于下划线的好文档。我认为您将
folderList[“results”]
分配给模板,而不是folderList
。您应该检查如何将folderList变量分配给已编译的_模板函数
compileFolderList=function(folderList){
var compiled_template=_.template(' <ul><% _.each( folderList["results"], function( listItem ) { %> <li><%= listItem["name"] %></li><% }); %></ul>'); //Compile template string
var html=compiled_template({'folderList':folderList}); // Assign variables that used in the template.
return html;
}
var folderList={"results":[{"name":"End of summer","owner":{}}]};
$("body").append(compileFolderList(folderList));
compileFolderList=函数(folderList){
var compiled_template=u.template('
');//编译模板字符串
var html=compiled_template({'folderList':folderList});//分配模板中使用的变量。
返回html;
}
var folderList={“结果”:[{“名称”:“夏末”,“所有者”:{}}]};
$(“正文”).append(compileFolderList(folderList));
谢谢。最后,我以另一种方式重新编写了整件事,但这些信息将在以后派上用场。