使用EasyUI datagrid-export.js导出Excel,适用于多级表头

原datagrid-export.js导出Excel只能导一级表头的Excel,因项目需要，对其进行了修改优化。

在js文件中，主要修改了toHtml方法。导出Excel步骤：先将datagrid的数据生成html的table,根据table样式导出到Excel文件。

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 cc = dg.datagrid('options').columns;
        /*
        var columns = dg.datagrid('options').columns[0];
        var fields =[];
        var j = 0;
        //剔除hidden为true的字段
        for(var i=0;i<columns.length;i++){
            if(columns[i].hidden){}
            else{
                fields[j]=columns[i].field;
                j++;
            }
        }
        */
        
        var trStyle = 'height:32px';
        var tdStyle0 = 'vertical-align:middle;padding:0 4px';
        if (caption){
            data.push('<caption>'+caption+'</caption>');
        }
        //写入表头信息，先判断是否为多级表头
        for(var j=0; j<cc.length; j++){
            data.push('<tr style="'+trStyle+'">');
            var cols = cc[j];
            for(var i=0; i<cols.length; i++){
                //判断是否未隐藏字段
                if(cols[i].hidden == true){
                    continue;
                }
                var tdStyle = tdStyle0 + ';'+cols[i].boxWidth+'px;';
                tdStyle += ';text-align:'+(cols[i].halign||cols[i].align||'');
                //定义行列信息，初始化行和列的值为1
                var colspans = 1;
                var rowspans = 1;
                if(cols[i].rowspan===undefined){
                }else{
                    rowspans = cols[i].rowspan;
                }
                if(cols[i].colspan ===undefined){
                }else{
                    colspans = cols[i].colspan;
                }
                data.push('<td style="'+tdStyle+'" colspan="'+colspans+'" rowspan="'+rowspans+'">'+cols[i].title+'</td>');
            }
            data.push('</tr>');
        }
        
        //原方法
        /*
        data.push('<tr style="'+trStyle+'">');
        for(var i=0; i<fields.length; i++){
            var col = dg.datagrid('getColumnOption', fields[i]);
            var tdStyle = tdStyle0 + ';'+col.boxWidth+'px;';
            tdStyle += ';text-align:'+(col.halign||col.align||'');
            data.push('<td style="'+tdStyle+'">'+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);
                if(col.hidden == true){
                    continue;
                }
                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('');
    }