上巻の問題
プロジェクトを書き込むときは、前面が行う必要がある 偽のページネーションの 問題を:バックエンドデータは、独自のフロントエンドページネーションへのすべての戻ります
2弾のアイデア
データの後端の完全なリターンを得る、に従って需要 このようなデータ当たり10としてページング、例えば、すべてのデータがに従い、その後、小さなアレイ10のそれぞれについて分割し、次いで大きなアレイに結合する必要がありますインデックス値
たとえば、パート3
これは、バックエンドで返されるすべてのデータであることを前提としてい
ARR:[ {名: 'ボブ'、年齢:20である}、 {名: '赤'、年齢:21である}、 {名: '小さな軍隊'、年齢:22である}、 {名前: '王'、年齢:23である}、 {名前: 'Xiaozhu'、年齢:24 }、 {名: '劉'、年齢:25 }、 {名: '張'、年齢:26である}、 {名: '小さなパン' 、年齢:27 }、 {名前: 'キビ'、年齢:28 }、 {名前: 'Xiaohua'、年齢:29 }、 {名前:「シャオ鄭」、年齢:30}、 {名: '小さな青い'、年齢:31である}、 {名: '小さな緑'、年齢:32 }、 {名: 'リトルグリーン'、年齢:33である}、 {名: '白'、年齢:34である}、 {名: '黒'、年齢:35 }、 {名:「小さなオレンジ」、年齢:36 }、 {名: '紫小'、年齢:37 }、 {名: '丘'、年齢:38である}、 {名: '小'、年齢:39 }、 {名前: 'Xiaopeng'、年齢:40 }、 {名前:「小クラスター」、年齢:41}、 {名: '魚'、年齢は:42である}、 {名: '李'は、年齢:43である}、 {名: 'リトル・ブリテン'、年齢:44である}、 {名: 'ジル'、年齢:45 }、 {名: '小像'、年齢:46である}、 {名: '小窓'、年齢:47 }、 {名: 'リーフレット'、年齢:48 }、 {名: '小さなパケット'、年齢:49 }、 {名: 'トラ'、年齢:50 }、 {名: '小純粋'、年齢:51である}、 {名前:'Xiaowei'、年齢:52}、 {名: '良い少し'、年齢:53である}、 {名: '暁呉'、年齢:54である}、 {名: '小片'、年齢:55 }、 {名前: 'オハラ'、年齢: 56は}、 {名: '小文字'、年齢:57である}、 {名: '小さな川'、年齢:58 }、 {名: '小ヤン'、年齢:59 }、 {名: '小さな偶発'、年齢:60 } ]、
まず、分割の完了のために、小さな受信の配列を空の配列を作成します
ニューアーク:[]
ページがある10分周の記事
dataHandling:関数(){ arrLengthを聞かせ = この .arr.length。// 数组长度 せNUM = 10; // 每页显示10条 のletインデックス= 0 ; 以下のために(;;私は<arrLength私は++ iの= 0ましょう{) であれば(!私の%のnum個=== 0 && I == 0){ // 可以被10整除 この .newArr.push(この.arr.slice(インデックス、 私)); インデックス = I; }。 もし((I + 1)=== arrLength){ この .newArr.push(この.arr.slice(インデックス、(I + 1 )))。 } }。 }
結果は以下の通りであります:
データが分割になっている5小さな配列の各小アレー10個のデータ、及びページング操作に応じて取るために 、配列のインデックス(newArr)にある 値を完了するために、ページング操作は偽達成するために!~~~