如何获取所有jqgrid的ID，包括分页的ID？

Question

如何获取所有jqgrid的ID，包括分页的ID？

jqueryjqgrid

4

我是 JQuery 的新手。

我正在尝试使用这里列出的函数。

mya=$("#list").getDataIDs(); // Get All IDs只会列出当前视图中的 ID。然而，我的网格是分页的。我该如何获取所有的 ID？

以下是我的代码：

$(document).ready(function () {

    jQuery("#customer_list").jqGrid({
      url:'jq_customer_list',
      datatype: "json",
      colNames:['Col1','Col2','Col3'],
      colModel:[
{name:'Col1',index:'Col1', width:100},
{name:'Col2',index:'Col2', width:80},
{name:'Col3',index:'Col3', width:75},
     ],
     rowNum:20,
     rowList:[5,10,20],
     mtype:"GET",
     rownumber:true,
     rownumWidth:40,
     pager: $("#customer_list_pager"),
     viewrecords: true,
     gridview: true,
     caption:"My Data",
     height: '50%',
     pagination:true

    }).navGrid('#customer_list_pager', { search:true, del: false, add: false, edit: false,searchtext:"Search" },
               {}, // default settings for edit
               {}, // default settings for add
               {}, // delete
               {closeOnEscape: true, multipleSearch: true, 
                     closeAfterSearch: true }, // search options
               {}
             ).navButtonAdd('#customer_list_pager',{
                 caption:"Export to Excel", 
                 buttonicon:"ui-icon-save", 
                 onClickButton: function(){ 
                   exportExcel($(this));
                 }, 
                 position:"last"
             });

    function exportExcel($id){
        alert('excelExport');
          var keys=[], ii=0, rows="";
          var ids=$id.getRowData();  // 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='excelExport' 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();
        }

    $("#customer_list").filterToolbar({autosearch:true });

    });

- jai

2个回答

1

正如Oleg所说，没有内置的方法可以返回未在网格中显示的所有网格ID。

如果您真的需要网格中所有ID的列表，我建议创建一个自定义Web方法来生成它们。然后，不要使用网格，而是直接使用其中一个jQuery AJAX函数（如jQuery.get()）调用此方法。由于在后端已经使用查询生成了网格数据，因此只需调整该查询以返回ID列表-或必要时的ID和关联数据。

但是如果您真的想实现CSV / Excel输出，则最好创建一个服务器端方法来执行此操作，因为这样可以通过正确设置HTTP标头，允许浏览器打开外部应用程序文件等等，从而提供更好的用户体验。

这有帮助吗？

- Justin Ethier

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Oleg · Accepted Answer

您使用了 datatype:"json"，但没有使用loadonce:true。因此，服务器负责排序和分页。所以我建议仅在服务器代码中实现CSV或XLSX的导出。 jqGrid没有关于完整数据集的数据id列表或其他任何信息。您只能将 window.location 设置到新的url上。url的服务器部分将生成CSV或XLSX，将其返回给HTTP正文，并设置其他HTTP头，如Content-Type为（对于XLSX为"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"，对于XLS为"application/vnd.ms-excel"，对于CSV为"text/csv"），并将"content-disposition"设置为"attachment; filename=yourfilename.xslx"（文件扩展名可能不同）。这样，Web浏览器会将数据保存在相应名称的文件中，并使用相应的应用程序（例如Excel.exe）打开该文件。