无法将jqgrid表导出为ex​​cel / pdf。 - php

我成功创建了一个小的jqgrid表。我正在尝试使用Jquery将此表导出到excel或pdf文件。我是jquery和jqgrid的新手。有人可以让我知道代码中有什么问题吗?我非常感谢您的帮助或建议。

我在网上找到了导出功能。它说我只需要使用网格ID调用此函数。难道我做错了什么?

export.php文件:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="CSS/CalibrationKit.css" rel="stylesheet" type="text/css">

<!-- ------------------------JQGRID files-------------------------------- -->
<link rel="stylesheet" type="text/css" media="screen" href="jquery/css/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<script src="jquery/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="jquery/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="jquery/js/jquery.jqGrid.min.js" type="text/javascript"></script>

<script type="text/javascript">

 $(document).ready(function(e) {

/*jqgrid*/
     var mydata = [{
    head_mean_volume: "50",
    head_std_dev: "2",
    head_cv: "3",
    offset_factor: "4",
    scaling_factor: "5"
}];

    $("#projectSpreadsheet").jqGrid({
    data: mydata,
    datatype: "local",
    colNames: ["Head Mean Volume Dispensed", "Head Standard Deviation", "Head %CV", "Whole Head Offset Factor", "Whole Head Scaling Factor"],
    colModel: [{
        name: 'head_mean_volume',
        index: 'head_mean_volume',
        editable: false,
    }, {
        name: 'head_std_dev',
        index: 'head_std_dev',
        editable: false,
    }, {
        name: 'head_cv',
        index: 'head_cv',
        editable: false,
    }, {
        name: 'offset_factor',
        index: 'offset_factor',
        editable: false,
    }, {
        name: 'scaling_factor',
        index: 'scaling_factor',
        editable: false,
    }],
    'cellEdit': false,
    'cellsubmit' : 'clientArray',
    editurl: 'clientArray'

}); /*jqGrid close */


/* createExcelFromGrid */

  $('#btnSun').click(function() {
    $.fn.myFunction("projectSpreadsheet");
  });
  $.fn.myFunction = 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();
}

}); /* function close */

</script>

</head>

<body>

<table id="projectSpreadsheet" class="fixed_headers" style="width:875px"></table>
                        <br><br>
 <button id="btnSun">Export Table data into Excel</button>               


</body>
</html>

参考方案

用此功能替换您的功能,并让我知道它是否对您有用。

function(gridID,filename) {
    var html = $('#gview_' + gridID).html();
    var a = document.createElement('a');
    a.id = 'tempLink';
    a.href = 'data:application/vnd.ms-excel,' + html;
    a.download = filename + ".xls";
    document.body.appendChild(a);
    a.click(); // Downloads the excel document
    document.getElementById('tempLink').remove();
}

如何从php中获取datatables jQuery插件的json数据 - php

我是PHP的新手,正在尝试使用Datatables jQuery插件。我知道我必须从.php文件中获取数据,然后在数据表中使用它,但是我似乎无法通过ajax将其传递给数据表。我设法从数据库中获取数据,并对其进行json编码,但是后来我不知道如何在我的index.php文件中调用它,并在其中显示它。我究竟做错了什么?这是我的代码:HTML(已编辑): <…

PHP:将数组值加在一起 - php

我相信这比标题听起来要难一些,但我可能完全错了。我有一个像这样的数组:[["londrina",15],["cascavel",34],["londrina",23],['tiradentes',34],['tiradentes',21]] 我希望能够采用通用…

PHP JQuery复选框 - php

我有以下片段。 var myData = { video: $("input[name='video[]']:checked").serialize(), sinopse: $("#sinopse").val(), dia: $("#dia").val(), quem: $(&#…

无法使用Uploadify脚本上传文件 - php

我正在使用Uploadify插件上传文件。尽管这可能是一个非常基本的问题,但我无法理解和实现,无法正常工作以上传文件。我想使用uploadify实现以下目标当用户选择文件时,我希望使用PHP将其直接上传到目标路径。现在我正在使用以下代码。<html> <head> <link rel="stylesheet"…

将输入类型复选框关联到输入类型文本 - php

我有一个问题,我需要将输入类型复选框与输入类型文本关联。情况如下:从数据库中提取数据。 PK数据是复选框的值。当复选框选择输入类型的文本时,您可以在其中输入特定数字。现在的问题是,选中所有类型的复选框输入文本都会被激活。我希望通过选择复选框输入,仅启用与复选框相关联的输入。我的HTML代码(此代码创建一个输入复选框,并为数据库中的每个记录输入文本,而我要激活…