程序笔记   发布时间:2022-07-05  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Layui表格导出功能兼容IE大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

找到layui目录下table.js    

d.exportFile = function (e, t, i) {
    t = t || d.clearCacheKey(d.cache[e]), i = i || "csv";
    var a = c.config[e] || {}, l = {csv: "text/csv", xls: "application/vnd.ms-excel"}[i],
        n = document.createElement("a");
    return r.ie ? o.error("IE_NOT_SUPPORT_EXPORTS") : (n.href = "data:" + l + ";charset=utf-8,ufeff" + encodeURIComponent(function () {
      var i = [], a = [];
      return layui.each(t, function (t, l) {
        var n = [];
        "object" == typeof e ? (layui.each(e, function (e, a) {
          0 == t && i.push(a || "")
        }), layui.each(d.clearCacheKey(l), function (e, t) {
          n.push(t)
        })) : d.eachCols(e, function (e, a) {
          a.field && "normal" == a.type && !a.hide && (0 == t && i.push(a.title || ""), n.push(l[a.field]))
        }), a.push(n.join(","))
      }), i.join(",") + "rn" + a.join("rn")
    }()), n.download = (a.title || "table_" + (a.index || "")) + "." + i, document.body.appendChild(n), n.click(), void document.body.removeChild(n))
  }

替换为如下代码(区分ie,增加name传参自定义文件名字)

d.exportFile = function (e, t, i, name) {
    t = t || d.clearCacheKey(d.cache[e]), i = i || "csv";
    var a = c.config[e] || {},  // 分页按钮
        l = {csv: "text/csv", xls: "application/vnd.ms-excel"}[i], // meta格式
        n = document.createElement("a"), // a 标签
        type = i,
        meta = l,
        title = a.title;
    if (r.ie) {
      var i = [], a = [];
      layui.each(t, function (t, l) {
        var n = [];
        "object" == typeof e ? (layui.each(e, function (e, a) {
          0 == t && i.push(a || "")
        }), layui.each(d.clearCacheKey(l), function (e, t) {
          n.push(t)
        })) : d.eachCols(e, function (e, a) {
          a.field && "normal" == a.type && !a.hide && (0 == t && i.push(a.title || ""), n.push(l[a.field]))
        }), a.push(n.join(","))
      });
      var data = i.join(",") + "rn" + a.join("rn")
      navigator.msSaveBlob(new Blob(['ufeff' + data], {type: meta + ';charset=utf-8;'}), name+ '.' + type)
    } else {
      return n.href = "data:" + l + ";charset=utf-8,ufeff" + encodeURIComponent(function () {
        var i = [], a = [];
        return layui.each(t, function (t, l) {
          var n = [];
          "object" == typeof e ? (layui.each(e, function (e, a) {
            0 == t && i.push(a || "")
          }), layui.each(d.clearCacheKey(l), function (e, t) {
            n.push(t)
          })) : d.eachCols(e, function (e, a) {
            a.field && "normal" == a.type && !a.hide && (0 == t && i.push(a.title || ""), n.push(l[a.field]))
          }), a.push(n.join(","))
        }), i.join(",") + "rn" + a.join("rn")
      }()), n.download = (name || a.title || "table_" + (a.index || "")) + "." + i, document.body.appendChild(n), n.click(), void document.body.removeChild(n)
    }}

 

大佬总结

以上是大佬教程为你收集整理的Layui表格导出功能兼容IE全部内容,希望文章能够帮你解决Layui表格导出功能兼容IE所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: