基於MVC+EasyUI的返回Json數據處理Table表合併單元格Jquery寫法

function GetList() {
        $.ajax({
            type: 'post',
            dataType: 'json',
            url: "kbcxxx_xskbcx",
            data: { 'lx': 'ss', 'code': term },
            cache: false,
            success: function (data) {
                $('#kbxx tbody').empty();
                $.each(data.rows, function (i, o) {
                   
                     //處理循環的數據,根據自己的業務情況操作。。。。
                });
                
                var cells = [];
                for (var i = 0; i <= 7; i++) {
                    cells.push("z" + i);//數據庫查詢結果,轉換爲JSON數據的key的名稱,不是指key對應的值數據
                }
                mergeCells_table('kbxx', data, cells);
                

            },
            error: function (e) {

            }
        });
    }






<table id="kbxx">
</table>

 

//dg:table表的id,data:返回JSON數據,cellnames:數組,指json數據的key名稱,不是指key對應的值數據
function mergeCells_table(dg, data, cellnames) {
    var table = document.getElementById(dg);
    for (var i = 0; i < cellnames.length; i++) {
        var cellname = cellnames[i];
        var merges = [];
        for (var r = 0; r < data.rows.length; r++) {
            var row = data.rows[r];
            var mergeinfo = new Object();
            var nr = row[cellname];
            var rowspan = 1;
            for (var r1 = r + 1; r1 < data.rows.length; r1++) {
                var row1 = data.rows[r1];
                var nr1 = row1[cellname];

                if (nr1 && nr1 == nr && nr1 != "") {
                    mergeinfo.index = r;
                    rowspan++;
                    mergeinfo.rowspan = rowspan;
                    table.rows[r + 1].cells[i].rowSpan = rowspan;
                    table.rows[r1 + 1].cells[i].style.display = "none";
                }
                else {
                    if (rowspan > 1) {
                        merges.push(mergeinfo);
                        r = r1 - 1;
                    }
                    break;
                }
                if (r1 == data.rows.length - 1) {
                    if (rowspan > 1) {
                        merges.push(mergeinfo);
                        r = r1 - 1;
                    }
                }
            }
        }
    }
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章