0

对于如下的 json 数据,是否有任何可能的方法来构建由 underscore.js 模板组成的树视图。我没有关于如何混合函数、递归到 underscore.js 模板功能的最简单的知识。我无权从服务器生成 json 层次结构(由上层管理决定)。

[{
    name: "Home",
    url: "index.html",
    id: 1,
    parentid: 0
}, {
    name: "Company",
    url: "company.html",
    id: 2,
    parentid: 0
}, {
    name: "AboutsUs",
    url: "aboutus.html",
    id: 3,
    parentid: 2
}]

预期视图输出

<ul>
    <li>
        <a href="index.html">Home</a>
    </li>
    <li>
        <a href="company.html">Company</a>
        <ul>  
            <li>
                <a href="aboutus.html">AboutUs</a>
            </li>
        </ul>
    </li>
</ul>
4

1 回答 1

1

是的,你可以,
你可以使用

<% %>

编写javascript代码。

<ul>
    <% _(your_data).each(function(param) { %>

        <li><%= param.name%></li>
        <!-- more code -->
    <% }); %>
</ul>

更多在这里http://documentcloud.github.com/underscore/#template

希望对您有所帮助,祝您好运!

于 2012-06-26T11:24:40.123 回答