摘要:導(dǎo)出的后綴名默認(rèn)為導(dǎo)出處理器函數(shù)該函數(shù)需要返回一個(gè)。是否僅導(dǎo)出選中的項(xiàng)默認(rèn)為注意事項(xiàng)無(wú)法導(dǎo)出所有數(shù)據(jù),僅可對(duì)當(dāng)前顯示的數(shù)據(jù)進(jìn)行導(dǎo)出。如果存在導(dǎo)出全部的功能,需要自行實(shí)現(xiàn)。
導(dǎo)出功能現(xiàn)在分為兩種模式: static, blob初始化時(shí)指定啟用導(dǎo)出功能, 方式如下:
var table = document.querySelector("table[grid-manager="demo-export"]") table.GM({ ajax_url: "http://www.lovejavascript.com/learnLinkManager/getLearnLinkList" ,ajax_type: "POST" ,supportAjaxPage: true ,supportExport:true // 配置啟用導(dǎo)出功能, 默認(rèn)即為true ,exportConfig: { // 導(dǎo)出的方式: 默認(rèn)為static // 1.static: 前端靜態(tài)導(dǎo)出, 無(wú)需后端提供接口,該方式導(dǎo)出的文件并不完美。 // 2.blob: 通過(guò)后端接口返回二進(jìn)制流。`nodejs`可使用`js-xlsx`, `java`可使用 `org.apache.poi`生成二進(jìn)制流。 mode: "static", // 導(dǎo)出的后綴名 , 默認(rèn)為`xls` suffix: "xls", // 導(dǎo)出處理器函數(shù),該函數(shù)需要返回一個(gè)promise。當(dāng)`exportType`為`static`時(shí),該參數(shù)不生效。 handler: (fileName, query, pageData, sortData, selectedList) => { // 需要通過(guò)promise中的resolve()返回二進(jìn)制流(blob),有兩種返回格式: // 1.resolve(blob), 2.resolve({data: blob}) return new Promise(); } } ,query: {pluginId: 1} ,i18n: "en-us" ,columnData: [ { key: "name", text: "name" },{ key: "info", text: "info" },{ key: "url", text: "url", template: function(url, rowObject){ return "點(diǎn)擊跳轉(zhuǎn)"; } },{ key: "action", remind: "the action", width: "100px", text: "操作", template: function(action, rowObject){ return "編輯"; } } ] });渲染完成后,通過(guò) exportGridToXls 方法進(jìn)行調(diào)用
GridManager.exportGridToXls("demo-export", fileName, onlyChecked)
table: 需要操作的table 或 table的gridManagerName值
fileName: 導(dǎo)出后使用的文件名,如果不設(shè)置將使用插件配置項(xiàng)gridManagerName。
onlyChecked:是否僅導(dǎo)出選中的項(xiàng), 默認(rèn)為false
無(wú)法導(dǎo)出所有數(shù)據(jù),僅可對(duì)當(dāng)前顯示的數(shù)據(jù)進(jìn)行導(dǎo)出。如果存在導(dǎo)出全部的功能,需要自行實(shí)現(xiàn)。
導(dǎo)出功能的操作界面為右鍵菜單,如果在初始化時(shí)配置 supportMenu=false, 那么導(dǎo)出即使生效也無(wú)法通過(guò)界面操作。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/94984.html
摘要:優(yōu)勢(shì)純?cè)鷮?shí)現(xiàn),不依賴(lài)任何框架使用簡(jiǎn)單快捷,功能強(qiáng)大與用戶(hù)進(jìn)行溝通,采納來(lái)自于使用的需求,并不間段的進(jìn)行升級(jí)維護(hù)特色功能表格的列寬度可進(jìn)行拖拽式調(diào)整表格的列位置進(jìn)行拖拽式調(diào)整可通過(guò)配置對(duì)列進(jìn)行顯示隱藏轉(zhuǎn)換在表存在可視區(qū)域的情況下表頭將一直存 GridManager showImg(https://segmentfault.com/img/bV4Mff?w=1146&h=538); 優(yōu)勢(shì)...
摘要:基于的封裝用于便捷的在中使用除過(guò)特性外,其它與相同。刷新更新查詢(xún)條件其它更多請(qǐng)直接訪(fǎng)問(wèn)查看當(dāng)前版本的版本的版本 GridManager React 基于 React 的 GridManager 封裝, 用于便捷的在 React 中使用GridManager. 除過(guò)React特性外,其它API與GridManager API相同。 showImg(https://segmentfault...
摘要:非必設(shè)項(xiàng)篩選條件列表數(shù)組對(duì)象。格式在使用時(shí)該參數(shù)為必設(shè)項(xiàng)。前端雞湯前端框架前端相關(guān)篩選選中項(xiàng),字符串默認(rèn)為。非必設(shè)項(xiàng),選中的過(guò)濾條件將會(huì)覆蓋否為多選布爾值默認(rèn)為。刷新更新查詢(xún)條件其它更多請(qǐng)直接訪(fǎng)問(wèn)查看當(dāng)前版本 GridManager Angular 1.x 基于 Angular 1.x 的 GridManager 封裝, 用于便捷的在 Angular 中使用GridManager. s...
摘要:基于的封裝用于便捷的在中使用除過(guò)特性外,其它與相同。非必設(shè)項(xiàng)篩選條件列表數(shù)組對(duì)象。格式在使用時(shí)該參數(shù)為必設(shè)項(xiàng)。并且使用服務(wù)需要提前通過(guò)將注冊(cè)至全局組件。刷新或更新查詢(xún)條件或其它更多請(qǐng)直接訪(fǎng)問(wèn)查看當(dāng)前版本 GridManager Vue 基于 Vue 的 GridManager 封裝, 用于便捷的在 Vue 中使用GridManager. 除過(guò)Vue特性外,其它API與GridManag...
摘要:歷程啟動(dòng)于年月日不曾想這一堅(jiān)持已經(jīng)多天了。每個(gè)午飯后晚飯前。期間對(duì)的認(rèn)知與實(shí)踐提升明顯,并沉淀下名為的類(lèi)庫(kù)。每次發(fā)布前的,成為一種風(fēng)險(xiǎn)把控。在此之前從沒(méi)有如此的認(rèn)同單元測(cè)試,也相信這終將會(huì)成為一種大家都遵守的契約。 GridManager歷程 GridManager 啟動(dòng)于2015年02月10日, 不曾想這一堅(jiān)持已經(jīng)1200多天了??傁霝榇擞涗浶┦裁矗恢蔽丛鴦?dòng)手。午飯后,公司很安靜...
閱讀 1900·2021-11-15 11:46
閱讀 1099·2021-10-26 09:49
閱讀 1833·2021-10-14 09:42
閱讀 3391·2021-09-26 09:55
閱讀 843·2019-08-30 13:58
閱讀 1042·2019-08-29 16:40
閱讀 3478·2019-08-26 10:27
閱讀 615·2019-08-23 18:18