Easyui導出數據

1.html 中

 

2.查詢出來的界面效果,需要導出以下數據.

 

 <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-save" data-options="plain:true" onclick="ExporterExcel()">CSV</a>

 

 

//獲取當前時間，格式YYYY-MM-DD
function getNowFormatDate() {
    var date = new Date();
    var seperator1 = "-";
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if (month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    var currentdate = year + seperator1 + month + seperator1 + strDate;
    return currentdate;
}

 

 

 

//表格導出開始，將json對象導出為CSV文件
    function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {
        //如果JSONData不是對象，那么JSON。parse將解析對象中的JSON字符串
          var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData)
                  : JSONData;

          var CSV = '';
          //在第一行或第一行設置報表標題
          CSV += ReportTitle + '\r\n\n';
          //此條件將生成標簽/標頭
          if (ShowLabel) {
              var row = "";
              //導出的標題
             row = "統計屬性,數量";
              //用換行符追加標簽行
              CSV += row + '\r\n';
          }
           //第一個循環是提取每一行
          for (var i = 0; i < arrData.rows.length; i++) {
              var row = "";

　　　　       //獲取需要導出的字段
              row = arrData.rows[i].key+","+arrData.rows[i].count+",";
             
              row.slice(0, row.length - 1);

              //在每一行之后添加一個換行符
              CSV += row + '\r\n';
          }
          if (CSV == '') {
              alert("無數據");
              return;
          }
          //Generate a file name

　　　//這里我使用了當前時間用來為導出的文件命名
          var fileName = getNowFormatDate();
          fileName += ReportTitle.replace(/ /g, "_");

          //初始化您想要的csv或xls文件格式
          var uri = 'data:text/csv;charset=utf-8,\ufeff' +encodeURI(CSV);  

          var link = document.createElement("a");
          link.href = uri;

          link.style = "visibility:hidden";
          link.download = fileName + ".csv";

          document.body.appendChild(link);
          link.click();
          document.body.removeChild(link);
    }
    //導出CSV 獲取easyui 表格數據
    function ExporterExcel() {
        //獲取datagrid對象
       var dg = $("#dg");
       //獲取所有行
       var rowTmp=$('#dg').datagrid('getData');
        if (rowTmp == '')
            return;
        JSONToCSVConvertor(rowTmp, "激活統計", true);
    }
    //表格導出結束

 

 導出效果:

文件名稱: