[EasyUI] export datagrid extension multiple header problem fix

 使用EasyUI的外掛 datagrid-export.js 時發現表頭有多列時轉出無法完整呈原本的表頭欄位，

所以針對這個問題我修改了一下 datagrid-export.js 

主要是因為原本的寫法是使用 getColumnFields 所取得的fields 做為標頭，getColumnFields只有 rows 中所存在的data才會出現，當有一些表頭是用到合併之類的就會無法取得，為了真實呈現datagrid的樣貌，我使用 option中所紀錄的 frozenColumns, columns資訊來建立表頭。

紅色的部份是修改加入的部份：

(function($){

    function getRows(target){

        var state = $(target).data('datagrid');

        if (state.filterSource){

            return state.filterSource.rows;

        } else {

            return state.data.rows;

        }

    }

    function getFooterRows(target){

        var state = $(target).data('datagrid');

        return state.data.footer || [];

    }

    

    function toHtml(target, rows, footer, caption){

        rows = rows || getRows(target);

        rows = rows.concat(footer||getFooterRows(target));

        var dg = $(target);

        var data = ['<table border="1" rull="all" style="border-collapse:collapse">'];

        var fields = dg.datagrid('getColumnFields',true).concat(dg.datagrid('getColumnFields',false));

        var trStyle = 'height:32px';

        var tdStyle0 = 'vertical-align:middle;padding:0 4px';

        if (caption){

            data.push('<caption>'+caption+'</caption>');

        }

        var fcs = dg.datagrid('options').frozenColumns;

        var cs = dg.datagrid('options').columns;

        var h_tr_cnt = fcs.length > cs.length ? fcs.length : cs.length;

        for (var i = 0; i < h_tr_cnt; i++) {

            data.push('<tr style="' + trStyle + '">');

            if(i < fcs.length){

                var cols = fcs[i];

                for(var j=0 ;j < cols.length; j++){

                    var col = cols[j];

                    var tdStyle = tdStyle0 + ';width:' + col.width + 'px;';

                    tdStyle += ';text-align:' + (col.halign || col.align || '');

                    data.push('<td style="' + tdStyle + '" colspan="' + (col.colspan || 1) + '" rowspan="' + (col.rowspan || 1)  + '">' + col.title + '</td>');

                }

            }

            if (i < cs.length) {

                var cols = cs[i];

                for (var j = 0 ; j < cols.length; j++) {

                    var col = cols[j];

                    var tdStyle = tdStyle0 + ';width:' + col.width + 'px;';

                    tdStyle += ';text-align:' + (col.halign || col.align || '');

                    data.push('<td style="' + tdStyle + '" colspan="' + (col.colspan || 1) + '" rowspan="' + (col.rowspan || 1) + '">' + col.title + '</td>');

                }

            }

            data.push('</tr>');

        }

        

        $.map(rows, function(row){

            data.push('<tr style="'+trStyle+'">');

            for(var i=0; i<fields.length; i++){

                var field = fields[i];

                var col   = dg.datagrid('getColumnOption', field);

                var value = row[field];

                if (value == undefined){

                    value = '';

                }

                var tdStyle = tdStyle0;

                tdStyle += ';text-align:'+(col.align||'');

                data.push(

                    '<td style="'+tdStyle+'">'+value+'</td>'

                );

            }

            data.push('</tr>');

        });

        data.push('</table>');

        return data.join('');

    }

    function toArray(target, rows, footer){

        rows = rows || getRows(target);

        rows = rows.concat(footer||getFooterRows(target));

        var dg = $(target);

        var fields = dg.datagrid('getColumnFields',true).concat(dg.datagrid('getColumnFields',false));

        var data = [];

        var r = [];

        for(var i=0; i<fields.length; i++){

            var col = dg.datagrid('getColumnOption', fields[i]);

            r.push(col.title);

        }

        data.push(r);

        $.map(rows, function(row){

            var r = [];

            for(var i=0; i<fields.length; i++){

                r.push(row[fields[i]]);

            }

            data.push(r);

        });

        return data;

    }

    function print(target, param){

        var title = null;

        var rows = null;

        var footer = null;

        var caption = null;

        if (typeof param == 'string'){

            title = param;

        } else {

            title = param['title'];

            rows = param['rows'];

            footer = param['footer'];

            caption = param['caption'];

        }

        var newWindow = window.open('', '', 'width=800, height=500');

        var document = newWindow.document.open();

        var content = 

            '<!doctype html>' +

            '<html>' +

            '<head>' +

            '<meta charset="utf-8">' +

            '<title>'+title+'</title>' +

            '</head>' +

            '<body>' + toHtml(target, rows, footer, caption) + '</body>' +

            '</html>';

        document.write(content);

        document.close();

        newWindow.print();

    }

    function b64toBlob(data){

        var sliceSize = 512;

        var chars = atob(data);

        var byteArrays = [];

        for(var offset=0; offset<chars.length; offset+=sliceSize){

            var slice = chars.slice(offset, offset+sliceSize);

            var byteNumbers = new Array(slice.length);

            for(var i=0; i<slice.length; i++){

                byteNumbers[i] = slice.charCodeAt(i);

            }

            var byteArray = new Uint8Array(byteNumbers);

            byteArrays.push(byteArray);

        }

        return new Blob(byteArrays, {

            type: ''

        });

    }

    function toExcel(target, param){

        var filename = null;

        var rows = null;

        var footer = null;

        var caption = null;

        var worksheet = 'Worksheet';

        if (typeof param == 'string'){

            filename = param;

        } else {

            filename = param['filename'];

            rows = param['rows'];

            footer = param['footer'];

            caption = param['caption'];

            worksheet = param['worksheet'] || 'Worksheet';

        }

        var dg = $(target);

        var uri = 'data:application/vnd.ms-excel;base64,'

        , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body>{table}</body></html>'

        , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }

        , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) }

        var table = toHtml(target, rows, footer, caption);

        var ctx = { worksheet: worksheet, table: table };

        var data = base64(format(template, ctx));

        if (window.navigator.msSaveBlob){

            var blob = b64toBlob(data);

            window.navigator.msSaveBlob(blob, filename);

        } else {

            var alink = $('<a style="display:none"></a>').appendTo('body');

            alink[0].href = uri + data;

            alink[0].download = filename;

            alink[0].click();

            alink.remove();

        }

    }

    function toCsv(target, param){

        var filename = null;

        var rows = null;

        var footer = null;

        if (typeof param == 'string'){

            filename = param;

        } else {

            filename = param['filename'];

            rows = param['rows'];

            footer = param['footer'];

        }

        var arrayData = toArray(target, rows, footer);

        var csv = $.map(arrayData, function(row){

            return row.join(',');

        }).join("\r\n");

        var data = window.btoa(unescape(encodeURIComponent(csv)));

        if (window.navigator.msSaveBlob){

            var blob = b64toBlob(data);

            window.navigator.msSaveBlob(blob, filename);

        } else {

            var uri = 'data:text/csv;charset=utf-8;base64,';

            var alink = $('<a style="display:none"></a>').appendTo('body');

            alink[0].href = uri + data;

            alink[0].download = filename;

            alink[0].click();

            alink.remove();

        }

    }

    $.extend($.fn.datagrid.methods, {

        toHtml: function(jq, rows){

            return toHtml(jq[0], rows);

        },

        toArray: function(jq, rows){

            return toArray(jq[0], rows);

        },

        toExcel: function(jq, param){

            return jq.each(function(){

                toExcel(this, param);

            });

        },

        toCsv: function(jq, param){

            return jq.each(function(){

                toCsv(this, param);

            });

        },

        print: function(jq, param){

            return jq.each(function(){

                print(this, param);

            });

        }

    });

})(jQuery);