jqgrid 中 select 列的文本未导出到 excel

Question

演示 Link - “https://jsfiddle.net/OlegKi/ovq05x0c/6/”使用代码

.jqGrid("navButtonAdd", {
    caption: "",
    title: "Export to Excel(.XLSX)",
    onClickButton: function () {
      var filename = "jqGrid.xlsx",
            data = $(this).jqGrid("getGridParam", "lastSelectedData"), i, item,
          dataAsArray = [["Client", "Date", "Amount", "Tax", "Total",
                          "Closed", "Shipped via"]];

          for (i = 0; i < data.length; i++) {
            item = data[i];
            dataAsArray.push([
                item.name,
              new Date(item.invdate),
                item.amount, item.tax, item.total,
              item.closed, item.ship_via]);
          }

          var ws_name = "SheetJS";
          var wb = XLSX.utils.book_new(),
              ws = XLSX.utils.aoa_to_sheet(dataAsArray);
          XLSX.utils.book_append_sheet(wb, ws, ws_name);
          XLSX.writeFile(wb, filename);
        }
  });

在此演示中-单击导出按钮导出 jqgrid select 格式化程序列的值而不是格式化程序 select 列的文本（通过运送）。我的要求是文本应该在 excel 中导出。任何人都可以帮助解决这个问题。

Answer 1

可以通过调用 formatter 函数并在使用 autoResizable: true 属性的情况下删除 <span class='ui-jqgrid-cell-wrapper'>...</span> 包装器来修复代码。修改后的代码看起来像

.jqGrid("navButtonAdd", {
    caption: "",
    title: "Export to Excel(.XLSX)",
    onClickButton: function () {
      var filename = "jqGrid.xlsx",
          self = this,
          data = $(this).jqGrid("getGridParam", "lastSelectedData"), i, item,
          iColByName = $(this).jqGrid("getGridParam", "iColByName"),
          dataAsArray = [["Client", "Date", "Amount", "Tax", "Total", "Closed", "Shipped via"]];

      function getFormattedValue (item, cmName) {
        var value = self.formatter(item.id, item[cmName], iColByName[cmName], item, "add", item),
            ex = /^<span class='ui-jqgrid-cell-wrapper'>([^<]+?)<\/span>$/i.exec(value);

        return Array.isArray(ex) && ex.length === 2 ? ex[1] :value;
      }

      for (i = 0; i < data.length; i++) {
        item = data[i];
        dataAsArray.push([
          item.name,
          getFormattedValue(item, "invdate"),
          getFormattedValue(item, "amount"),
          getFormattedValue(item, "tax"),
          getFormattedValue(item, "total"),
          item.closed,
          getFormattedValue(item, "ship_via")]);
      }

      var ws_name = "SheetJS";
      var wb = XLSX.utils.book_new(),
          ws = XLSX.utils.aoa_to_sheet(dataAsArray);
      XLSX.utils.book_append_sheet(wb, ws, ws_name);
      XLSX.writeFile(wb, filename);
    }
});

见https://jsfiddle.net/OlegKi/mpyuxto9/14/

jqgrid 中 select 列的文本未导出到 excel

Text of select column in jqgrid is not exporting to excel

jqgrid

export-to-excel

free-jqgrid