template模板嵌套 数据怎么传递

发布于 2022-09-06 06:03:34 字数 1958 浏览 19 评论 0

我现在需要写一个页面,有一个数据,根据数据长度通过模板生成多个页面,每个页面显示固定数量的数据
请大神尽量用原生来解答,谢谢。 其他地方如果写的有问题,也希望能帮忙指出来 谢谢

数据和页面初始化部分:
<script>
        var data = {
            list:[
                    {"data_title":"title_01"},
                    {"data_title":"title_02"},
                    {"data_title":"title_03"},
                    {"data_title":"title_04"},
                    {"data_title":"title_05"},
                    {"data_title":"title_06"},
                    {"data_title":"title_07"},
                    {"data_title":"title_09"},
                    {"data_title":"title_10"},
                    {"data_title":"title_11"},
                    {"data_title":"title_12"},
                    {"data_title":"title_13"},
                    {"data_title":"title_14"},
                    {"data_title":"title_15"}
            ]
        };

        function init() {
            data = eval(data);

            var num = Math.ceil((data.list.length-7)/10)+1;
            alert(""+num);
            var html = template('content_tem',{"num":num});
            $("#content").html(html);
            var html_sub = template('tem',data);
            $(".content_sub").html(html_sub);
        }

        $(function() {
           init();
        });
    </script>

模板:

<div id="content">

        <script id="content_tem" type="text/html">
            <%for(j=0;j<num;j++) {%>
                <div class="content_sub">
                    <%include('tem') %>    //此处怎么写可以把 j的值传入子模板 tem,子模板根据j的值显示j*7到j*7+7之间的数据
                </div>
            <%}%>
        </script>
        <script id="tem" type="text/html">


            <%for(i=(j*7);i<list.length&&(i-(j*7))<7;i++){%>
            <div class="li"><%=list[i].data_title%></div>
            <%}%>
        </script>
    </div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

全部不再 2022-09-13 06:03:34

给 data 增加个 j

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文