handlebars自定义for循环

Question

做一个分页功能(后端是java来写的)，用到了ajax,需要一直对表格和分页组件不断的刷新。效果如图：

对应是json数据如下

{

    "success": true,

    "pager": {

        "pageSize": 5,

        "currentPage": 1,

        "totalRecord": 13,

        "totalPage": 3,

        "dataList": [

            {

                "id": 1,

                "stuName": "王小军",

                "age": 17,

                "gender": 1,

                "address": "北京市东城区"

            },

            {

                "id": 2,

                "stuName": "李雷雷",

                "age": 16,

                "gender": 1,

                "address": "北京市朝阳区"

            },

            {

                "id": 3,

                "stuName": "张静",

                "age": 16,

                "gender": 2,

                "address": "北京市昌平区"

            },

            {

                "id": 4,

                "stuName": "王晓萌",

                "age": 17,

                "gender": 2,

                "address": "北京市顺义区"

            },

            {

                "id": 5,

                "stuName": "韩梅梅",

                "age": 16,

                "gender": 2,

                "address": "北京市朝阳区"

            }

        ]

    }

}

为了方便界面的更新，学了handlebars。

现在有一个问题，我用totalPage这个参数表示总共有多少页。

但是发现handlebars没有for循环这样的功能，就是我想用for循环打印出分页组件。比如totalPage=3,那么我打印3个分页组件

我的设想是类似这样的

for（int  i=1;i<=totalPage;i++）{

        <li> i <li>

}

绝望下发现handlebars可以自定义helper，经过努力发现还是写不出来类似的功能方法。又绝望了--。

看看有木有大神可以解决这个问题。

Answer 1

你可以把totalPage在后台搞成一个数组啊,比如totalPage=3 ,数组就是[1,2,3],然后使用handlebars的each可以循环创建啊