项目中需要在工具中自定义一个工具栏,具备导入导出功能,直接上步骤
1、找到路径为src/local/zh.js的文件,找到打印,后面新增importExcel: “导入”
2、找到路径为src/controllers/toobar.js的文件
找到defaultToolbar,追加importExcel
找到toolbarIdMap ,追加 importExcel: ‘#luckysheet-icon-importExcel’
找到createToolbarHtml,追加html
importExcel: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
data-tips="${toolbar.importExcel}" id="luckysheet-icon-importExcel" role="button" style="user-select: none;">
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
style="user-select: none;">
<div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
style="user-select: none;">
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
style="user-select: none;">
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-biaogesuoding"
style="user-select: none;">
<!--限制上传格式为xls和xslx-->
<input id="luckysheet-excelUpload" type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" style="display:none;"></input>
</div>
</div>
</div>
</div>
</div>
</div>` // 'importExcel'
4、找到路径为src/controllers/menuButton.js的文件,追加事件
//importExcel
$("#luckysheet-icon-importExcel").click(function(){
$("#luckysheet-excelUpload").click()
})
$("#luckysheet-excelUpload").click(function(e){
e.stopPropagation()
})
$("#luckysheet-excelUpload").on('change',function(e){
let file = e.currentTarget.file[0]
window.excelUpload(file)
})
5、最后npm run build 即可