EasyUI 結合JS導出Excel文件的實現(xiàn)方法
廢話俺就少說了,直接進入正題??!單純的JS能夠導出Excel的不多見,一般都需要調(diào)用客戶端所安裝的Office Excel組件來完成這個工作。這里我主要講EasyUI內(nèi)的DataGrid如何結合JS導出Excel文件
一、 導出Excel的核心代碼段如下所示
function Exproter() { //獲取Datagride的列 var rows = $('#test').datagrid('getRows'); var oXL = new ActiveXObject("Excel.Application"); //創(chuàng)建AX對象excel var oWB = oXL.Workbooks.Add(); //獲取workbook對象 var oSheet = oWB.ActiveSheet; //激活當前sheet for (var i = 0; i < rows.length; i++) { oSheet.Cells(i + 1, 1).value = rows[i].O_NAME; } oXL.Visible = true; //設置excel可見屬性 }
二、以上JS方法能夠順利執(zhí)行的大前提就是
1.機器上Excel已經(jīng)安裝.
2.Internet 選項=>安全=>Internet
\"對沒有標記為安全的ActiveX控件進行初始化和腳本運行,設定為啟用\"
//EasyUI datagrid 動態(tài)導出Excel function ExporterExcel() { //獲取Datagride的列 var rows = $('#tt').datagrid('getRows'); var columns = $("#tt").datagrid("options").columns[0]; var oXL = new ActiveXObject("Excel.Application"); //創(chuàng)建AX對象excel var oWB = oXL.Workbooks.Add(); //獲取workbook對象 var oSheet = oWB.ActiveSheet; //激活當前sheet //設置工作薄名稱 oSheet.name = "導出Excel報表"; //設置表頭 for (var i = 0; i < columns.length; i++) { oSheet.Cells(1, i+1).value = columns[i].title; } //設置內(nèi)容部分 for (var i = 0; i < rows.length; i++) { //動態(tài)獲取每一行每一列的數(shù)據(jù)值 for (var j = 0; j < columns.length; j++) { oSheet.Cells(i + 2, j+1).value = rows[i][columns[j].field]; } } oXL.Visible = true; //設置excel可見屬性 }
以上就是小編為大家?guī)淼腅asyUI 結合JS導出Excel文件的實現(xiàn)方法全部內(nèi)容了,希望大家多多支持腳本之家~
相關文章
JQuery Ajax通過Handler訪問外部XML數(shù)據(jù)的代碼
JQuery是一款不錯的Javascript腳本框架,相信園子里的很多朋友對它都不陌生,我們在開發(fā)Web應用程序時難免會使用到Javascript腳本,而使用一款不錯的腳本框架將會大大節(jié)省我們的開發(fā)時間, 并可以毫不費力地實現(xiàn)很多非常酷的效果。2010-06-06Jquery Ajax Error 調(diào)試錯誤的技巧
jquery在程序開發(fā)ajax應用程序時提高了效率,減少了需要兼容性的問題,當我們在ajax項目中,遇到ajax異步獲取數(shù)據(jù)出錯該怎么解決呢,我們可以通過捕捉error事件來獲取出錯的信息,本文給大家介紹jquery ajax error調(diào)試錯誤的技巧,感興趣的朋友一起學習吧2015-11-11jQuery+.net實現(xiàn)瀏覽更多內(nèi)容(改編php版本)
改編自php版本這里記錄.net 下的實現(xiàn);首先創(chuàng)建數(shù)據(jù)庫表test,并插入一些測試數(shù)據(jù)接下來建立一個html文件,感興趣的朋友可以參考下哈,希望您可以幫助到你2013-03-03jQuery的ztree仿windows文件新建和拖拽功能的實現(xiàn)代碼
zTree 是一個依靠 jQuery 實現(xiàn)的多功能 “樹插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 最大優(yōu)點。這篇文章主要介紹了jQuery的ztree仿windows文件新建和拖拽功能的實現(xiàn)代碼,需要的朋友可以參考下2018-12-12