MiniUI前臺分頁，假分頁實現(xiàn)源碼

背景

成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設、做網(wǎng)站與策劃設計,樺川網(wǎng)站建設哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設十余年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:樺川等地區(qū)。樺川做網(wǎng)站價格咨詢:18982081108

對于數(shù)據(jù)較少，無需后臺分頁的需求，可使用以下解決方案

方案

MiniUI提供了監(jiān)聽事件，特別方便即可實現(xiàn)。

源碼

mini.parse();
var grid = mini.get("datagridTable");
        // 獲取所有數(shù)據(jù)和總記錄數(shù) { total: 100, data: [...] }
        var dataResult = {};
        dataResult.total = ret.length;
        dataResult.data = ret;
        // 監(jiān)聽分頁前事件，阻止后自行設置當前數(shù)據(jù)和分頁信息
        grid.on("beforeload", function (e) {
            e.cancel = true;
            var pageIndex = e.data.pageIndex, pageSize = e.data.pageSize;
            fillData(pageIndex, pageSize, dataResult, grid);
        });
        // 第一次設置
        fillData(0, grid.getPageSize(), dataResult, grid);
        
// 分頁填充細節(jié)處理
function fillData(pageIndex, pageSize, dataResult, grid) {
    
    var data = dataResult.data, totalCount = dataResult.total;

    var arr = [];
    var start = pageIndex * pageSize, end = start + pageSize;
    for (var i = start, l = end; i < l; i++) {
        var record = data[i];
        if (!record) continue;
        arr.push(record);
    }
    

    grid.setTotalCount(totalCount);
    grid.setPageIndex(pageIndex);
    grid.setPageSize(pageSize);

    grid.setData(arr);
}

結束

以上代碼，填充后臺數(shù)組json即可完成前臺分頁。

名稱欄目：MiniUI前臺分頁，假分頁實現(xiàn)源碼
網(wǎng)頁鏈接：http://muchs.cn/article4/ihcjoe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設計公司、網(wǎng)站策劃、ChatGPT、外貿(mào)建站、軟件開發(fā)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)