php+jqgrid+exportar a excel

jquery jqgrid-php

Question

¿Alguien sabe cómo exportar los datos de un jqgrid para sobresalir?

Quiero hacer un informe usando este jqgrid que creo que es impresionante. Pero necesito guardar o imprimir este informe de alguna manera, porque es información que se debe guardar. Alguien sabe de alguna manera ??

Answer 1

Aquí hay una solución inteligente para guardar los datos de jqGrid como una hoja de Excel sin llamar al script php : (Solo necesita llamar a esta función con GridID y un Filename opcional)

var createExcelFromGrid = function(gridID,filename) {
    var grid = $(''#'' + gridID);
    var rowIDList = grid.getDataIDs();
    var row = grid.getRowData(rowIDList[0]); 
    var colNames = [];
    var i = 0;
    for(var cName in row) {
        colNames[i++] = cName; // Capture Column Names
    }
    var html = "";
    for(var j=0;j<rowIDList.length;j++) {
        row = grid.getRowData(rowIDList[j]); // Get Each Row
        for(var i = 0 ; i<colNames.length ; i++ ) {
            html += row[colNames[i]] + '';''; // Create a CSV delimited with ;
        }
        html += ''/n'';
    }
    html += ''/n'';

    var a         = document.createElement(''a'');
    a.id = ''ExcelDL'';
    a.href        = ''data:application/vnd.ms-excel,'' + html;
    a.download    = filename ? filename + ".xls" : ''DataList.xls'';
    document.body.appendChild(a);
    a.click(); // Downloads the excel document
    document.getElementById(''ExcelDL'').remove();
}

Primero creamos una cadena CSV delimitada con ; . Luego se crea una etiqueta de anchor con ciertos atributos. Finalmente click se llama a para descargar el archivo.

Podrías echar un vistazo a varios tipos MIME de Excel: Lista de tipos MIME

Answer 2

Este es mi enfoque, solo agregue este código a su archivo js / html

$("#list").jqGrid(''navGrid'', ''#pager'',{view:true, del:false, add:false, edit:false, excel:true})
                .navButtonAdd(''#pager'',{
                                caption:"Export to Excel", 
                                buttonicon:"ui-icon-save", 
                                onClickButton: function(){ 
                                  exportExcel();
                                }, 
                                position:"last"
                            });

        function exportExcel()
        {
            var mya=new Array();
            mya=$("#list").getDataIDs();  // Get All IDs
            var data=$("#list").getRowData(mya[0]);     // Get First row to get the labels
            var colNames=new Array(); 
            var ii=0;
            for (var i in data){colNames[ii++]=i;}    // capture col names
            var html="";
            for(i=0;i<mya.length;i++)
                {
                data=$("#list").getRowData(mya[i]); // get each row
                for(j=0;j<colNames.length;j++)
                    {
                    html=html+data[colNames[j]]+"/t"; // output each column as tab delimited
                    }
                html=html+"/n";  // output each row with end of line

                }
            html=html+"/n";  // end of line at the end
            document.forms[0].csvBuffer.value=html;
            document.forms[0].method=''POST'';
            document.forms[0].action=''csvExport.php'';  // send it to server which will open this contents in excel file
            document.forms[0].target=''_blank'';
            document.forms[0].submit();
        }

Script PHP

header(''Content-type: application/vnd.ms-excel'');
header("Content-Disposition: attachment; filename=file.xls");
header("Pragma: no-cache");

$buffer = $_POST[''csvBuffer''];

try{
    echo $buffer;
}catch(Exception $e){

}

Answer 3

Gran funcion
He hecho cambios.

function exportExcel($id){ var keys=[], ii=0, rows=""; var ids=$id.getDataIDs(); // Get All IDs var row=$id.getRowData(ids[0]); // Get First row to get the labels for (var k in row) { keys[ii++]=k; // capture col names rows=rows+k+"/t"; // output each Column as tab delimited } rows=rows+"/n"; // Output header with end of line for(i=0;i<ids.length;i++) { row=$id.getRowData(ids[i]); // get each row for(j=0;j<keys.length;j++) rows=rows+row[keys[j]]+"/t"; // output each Row as tab delimited rows=rows+"/n"; // output each row with end of line } rows=rows+"/n"; // end of line at the end var form = "<form name=''csvexportform'' action=''"+php_path+"csvexport.php'' method=''post''>"; form = form + "<input type=''hidden'' name=''csvBuffer'' value=''"+rows+"''>"; form = form + "</form><script>document.csvexportform.submit();</sc"+"ript>"; OpenWindow=window.open('''', ''''); OpenWindow.document.write(form); OpenWindow.document.close(); } function gridcsvexport(id) { $(''#''+id).jqGrid(''navButtonAdd'',''#''+id+''_pager'',{ caption:'''', title:''export'', buttonicon:''ui-icon-newwin'', position:''last'', onClickButton:function (){ exportExcel($(this)); } }); }

Answer 4

Muy buena pregunta, me estaba rascando la cabeza sobre esto también. Lo hice eligiendo la sugerencia de Felix, déjame completarlo agregando las siguientes líneas a tu cuerpo html.

<form method="post" action="csvExport.php">
    <input type="hidden" name="csvBuffer" id="csvBuffer" value="" />
</form>

El único problema que tengo es que el archivo de Excel exportado no incluye los nombres de mis columnas en jqgrid, ¿también hay una manera de excluir una columna particular o varias al exportar a un archivo de Excel?

gracias ~

Answer 5

Resolví su problema. Y ahora puedo exportar datos a Excel con nombres de columnas, consulte mi código.

function exportExcel()
    {
        var mya=new Array();
        mya=$("#tblnoupdate").getDataIDs();  // Get All IDs
        var data=$("#tblnoupdate").getRowData(mya[0]);     // Get First row to get the labels
        var colNames=new Array(); 
        var ii=0;
        for (var i in data){colNames[ii++]=i;}    // capture col names
        var html="";
            for(k=0;k<colNames.length;k++)
            {
            html=html+colNames[k]+"/t";     // output each Column as tab delimited
            }
            html=html+"/n";                    // Output header with end of line
        for(i=0;i<mya.length;i++)
            {
            data=$("#tblnoupdate").getRowData(mya[i]); // get each row
            for(j=0;j<colNames.length;j++)
                {
             html=html+data[colNames[j]]+"/t"; // output each Row as tab delimited
                }
            html=html+"/n";  // output each row with end of line

            }
        html=html+"/n";  // end of line at the end
        document.forms[0].csvBuffer.value=html;
        document.forms[0].method=''POST'';
        document.forms[0].action=''<?php echo $baseurl;?>csvexport.php'';  // send it to server which will open this contents in excel file
        document.forms[0].target=''_blank'';
        document.forms[0].submit();
    }

Por favor avíseme si tiene algún problema.

Answer 6

cree un formulario y un elemento oculto con el nombre "csvBuffer". Este elemento se establece por la función. Tuve que cambiar la linea

html = html+"/n"

a

html = html+"//n"

con el fin de escapar de ella correctamente.