ハンドル+ JSON

Question

は私のコードは、私は簡単にそれを行うことができます一つの方法は、（slice()を使用することによって）包まれた3つの項目を取得することですhttp://jsfiddle.net/5kkja1ua/

<ul id="results"></ul> 

<script type="text/x-handlebars-template" id="item_tmpl"> 
    {{#json}} 
    <p>  {{index}}: {{title}} </p> 
    {{/json}} 

    <button>next</button> 
</script> 

var dataObject = { 
    json:[ 
    { 
    "index": 0, 
    "title": "IMAGEFLOW" 
    }, 
    { 
    "index": 1, 
    "title": "ENERSOL" 
    }, 
    { 
    "index": 2, 
    "title": "BUNGA" 
    }, 
    { 
    "index": 3, 
    "title": "BITENDREX" 
    }, 
    { 
    "index": 4, 
    "title": "MAROPTIC" 
    }, 
    { 
    "index": 5, 
    "title": "AEORA" 
    }, 
    { 
    "index": 6, 
    "title": "PYRAMIA" 
    }, 
    { 
    "index": 7, 
    "title": "ANIXANG" 
    }, 
    { 
    "index": 8, 
    "title": "SNORUS" 
    } 
] 
}; 

var tpl_source = $("#item_tmpl").html(); 
var h = Handlebars.compile(tpl_source); 
var content = h(dataObject); 

// output 
var results = document.getElementById("results"); 
results.innerHTML = content; 

であるdiv要素でと隠して表示する。しかし、このメソッドは最初にロット全体をロードする必要があります。

可能な場合は、3つのアイテムをグループごとに表示することが可能なのかどうか知りたいですか？可能であればjsonデータを分割するか？

0: IMAGEFLOW 

1: ENERSOL 

2: BUNGA 

次に、次の3つの項目を表示するなどしてください。おかげ

Answer 1

何テンプレートの意志が

<script type="text/x-handlebars-template" id="item_tmpl"> 
    {{#each_from_to json startFrom rowsOnPage}} 
    <p>  {{index}}: {{title}} </p> 
    {{/each_from_to}} 
</script> 

チェックこのフィドルのように見えることをした後

Handlebars.registerHelper('each_from_to', function(ary, from, max, options) { 

    from || (from = 0); 
    var result = [ ]; 

    for(var i = from; i < from + max && i < ary.length; ++i) 
     result.push(options.fn(ary[i])); 

    return result.join(''); 
}); 

のように、ハンドルバーに/からのパラメータに対応無しでそれぞれを使用するためのヘルパーを作成する程度。あなたの問題を解決しますか？ http://jsfiddle.net/5kkja1ua/1/