2014-09-23 85 views
1

我有一個名爲Render(arr)的函數。 Arr是一個包含50行數據的參數。 我在HTML頁面javascript - 將數組拆分爲多個頁面索引

<div id="test"></div> 

一個空div當我用這段JavaScript代碼

var s="" 
for(i<0;i<arr.length;i++{ 
    s+= arr[i].attr1.toString(); 
    s+= arr[i].attr2.toString(); 
    s+= arr[i].attr3.toString(); 
} 
var data = document.getElementById("test"); 
data.innerHTML = s; 

,它將使所有的50行數據,在一個HTML頁面的屬性沿着這是節省空間耗時。 如何使頁面索引,如果我想拆分數組爲頁面索引,一個頁面只包含5個數據?例如頁面1只顯示數據行1-5,頁面2只顯示數據行6-10而不刷新頁面?

感謝

+0

你能不能做小提琴 – 2014-09-23 08:43:58

+1

你在找分頁。我建議使用像這樣的插件:http://flaviusmatis.github.io/simplePagination.js/ – Newtt 2014-09-23 08:46:28

+0

@Newtt哦我不知道分頁這個詞。 +1感謝您提及它 – user2779065 2014-09-23 08:51:25

回答

0
var page = curr_page - 1; 
for(i=page*5;i<page*5+5;i++{ 
    s+= arr[i].attr1.toString(); 
    s+= arr[i].attr2.toString(); 
    s+= arr[i].attr3.toString(); 
} 

像這樣的事情?

如果curr_page = 1 的用於將循環5次,從0至5

如果2它將循環5至10 等。

0
for(var i = current_page * 5 - 5, j = 0; j < 5; j++, i++) { 
    s += arr[i].attr1.toString(); 
    s += arr[i].attr1.toString(); 
    s += arr[i].attr1.toString(); 
}