網站首頁 編程語言 正文
1.實現加載服務器端excel文件
引入相關js
<link rel="stylesheet" href="./plugins/css/pluginsCss.css" />
<link rel="stylesheet" href="./plugins/plugins.css" />
<link rel="stylesheet" href="./css/luckysheet.css" />
<link rel="stylesheet" href="./assets/iconfont/iconfont.css" />
<script type="text/javascript" src="./jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="./js/vue.js"></script>
<script type="text/javascript" src="./lib/layui-2.5.6/layui.js"></script>
<script type="text/javascript" src="https://www.xdocin.com/xdoc.js"></script>
<script src="xlsx.full.min.js"></script>
<script type="text/javascript" src="./luckyexcel.umd.js"></script>
<script type="text/javascript" src="./luckysheet.umd.js"></script>
<script src="./plugins/js/plugin.js"></script>
luckysheet容器
<div id="luckysheet" style="margin:0px;padding:0px;width:100%;height:95vh;"></div>
獲取excel并渲染
$(function () {
// 先確保獲取到了xlsx文件file，再使用全局方法window.LuckyExcel轉化
//預讀本地文件，如果是多文件，則會遍歷。(不支持ie8/9)
let xhr = new XMLHttpRequest();
xhr.open('GET',"/file/excels/測試excel.xlsx"); //文件所在地址
xhr.responseType = 'blob';
xhr.onload = () => {
let content = xhr.response;
let blob = new Blob([content]);
let file = new File([blob],'測試excel.xlsx',{ type: 'excel/xlsx' });
console.log("file",file)
LuckyExcel.transformExcelToLucky(
file,
function (exportJson,luckysheetfile) {
// 獲得轉化后的表格數據后，使用luckysheet初始化，或者更新已有的luckysheet工作簿
// 注：luckysheet需要引入依賴包和初始化表格容器才可以使用
luckysheet.create({
container: 'luckysheet', //luckysheet is the container id
showinfobar: false,
lang: 'zh', // 設定表格語言
allowEdit: true,//作用：是否允許前臺編輯
// allowUpdate: true,
allowCopy: true, //是否允許拷貝
showtoolbar: true, //是否第二列顯示工具欄
showinfobar: true, //是否顯示頂部名稱欄
showsheetbar: true, //是否顯示底部表格名稱區域
showstatisticBar: true, //是否顯示底部計數欄
pointEdit: false, //是否是編輯器插入表格模式
pointEditUpdate: null, //編輯器表格更新函數
data: exportJson.sheets,
title: exportJson.info.name,
userInfo: exportJson.info.name.creator,
});
},
function (err) {
logger.error('Import failed. Is your fail a valid xlsx?');
}
);
let formData = new FormData();
formData.append('file',file);
}
xhr.send();
})
2.文件編輯后保存
提交按鈕
<button onclick="downloadCurrent()">提交</button>
提交函數
function downloadCurrent() {
var fileName = $("#luckysheet_info_detail_input").val()
fileName = (fileName + "").trim();
var sumarr =luckysheet.find("SUM",{type:"f"});
if(sumarr && sumarr.length>0){
console.log("sumarr[0].v",sumarr[0].v);
}
$.ajax({
url: '/upload_luckysheet', //接口地址
type: 'POST',
headers: { 'Content-Type': 'application/json;' },
data: JSON.stringify({
exceldatas: JSON.stringify(luckysheet.getAllSheets()),
fileName: fileName,
}),
success: function (response) {
alert("保存成功！")
}
})
}
后臺接口
1）入參VO：LuckysheetParamsVo
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;
import javax.validation.constraints.NotBlank;
@Data
public class LuckysheetParamsVo {
@NotBlank(message = "Luckysheet的表格數據不能為空")
@ApiModelProperty("Luckysheet的表格數據")
private String excelDatas;
@NotBlank(message = "表格名稱不能為空")
@ApiModelProperty("表格名稱")
private String fileName;
}
2）Controller
@PostMapping("/upload_luckysheet")
@ResponseBody
public String downData(@Valid @RequestBody LuckysheetParamsVo luckysheetParamsVo) {
//uploadFileDir 是文件上傳地址
String filePath = uploadFileDir+"excels/";
String fileName = luckysheetParamsVo.getFileName();
String excelDatas = luckysheetParamsVo.getExcelDatas();
try{
luckysheetService.exportLuckySheetXlsxByPOI("", filePath,fileName,excelDatas);
} catch (Exception e) {
e.printStackTrace();
return new ReturnData(ReturnData.OPERATE_FAIL, ReturnData.SERVICE_EXCEPTION);
}
return filePath+fileName;
}
3)LuckysheetService
public interface LuckysheetService {
String exportLuckySheetXlsxByPOI(String title, String newFileDir, String newFileName, String excelData);
}
4)LuckysheetServiceImpl
import com.alibaba.fastjson.JSONArray;
import com.alibaba.fastjson.JSONObject;
import org.apache.poi.ss.usermodel.BorderStyle;
import org.apache.poi.ss.usermodel.FillPatternType;
import org.apache.poi.ss.usermodel.HorizontalAlignment;
import org.apache.poi.ss.usermodel.VerticalAlignment;
import org.apache.poi.ss.util.CellRangeAddress;
import org.apache.poi.xssf.usermodel.*;
import org.springframework.stereotype.Service;
import java.awt.*;
import java.io.*;
import java.util.HashMap;
import java.util.Map;
@Service
public class LuckysheetServiceImpl implements LuckysheetService {
/**
* luckysheet格式數據轉excel文件并存儲
* @param title
* @param newFileDir
* @param newFileName
* @param excelData
*/
@Override
public String exportLuckySheetXlsxByPOI(String title, String newFileDir, String newFileName, String excelData) {
//去除luckysheet中 
 的換行
excelData = excelData.replace("
", "\\r\\n");
//獲取luckysheet數據 sheet:[{name:sheet1, ...},{}, ...]
JSONArray jsonArray = (JSONArray) JSONObject.parse(excelData);
//創建操作Excel的XSSFWorkbook對象
XSSFWorkbook excel = new XSSFWorkbook();
for (int sheetIndex = 0; sheetIndex < jsonArray.size(); sheetIndex++) {
//獲取sheet
JSONObject jsonObject = (JSONObject) jsonArray.get(sheetIndex);
JSONArray celldataObjectList = jsonObject.getJSONArray("celldata");//獲取所有單元格（坐標，內容，字體類型，字體大小...）
JSONArray rowObjectList = jsonObject.getJSONArray("visibledatarow");
JSONArray colObjectList = jsonObject.getJSONArray("visibledatacolumn");
JSONArray dataObjectList = jsonObject.getJSONArray("data");//獲取所有單元格,與celldata類似（坐標，內容，字體類型，字體大小...）
JSONObject mergeObject = jsonObject.getJSONObject("config").getJSONObject("merge");//合并單元格
JSONObject columnlenObject = jsonObject.getJSONObject("config").getJSONObject("columnlen");//表格列寬
JSONObject rowlenObject = jsonObject.getJSONObject("config").getJSONObject("rowlen");//表格行高
JSONArray borderInfoObjectList = jsonObject.getJSONObject("config").getJSONArray("borderInfo");//邊框樣式
//參考：https://blog.csdn.net/jdtugfcg/article/details/84100315
XSSFCellStyle cellStyle = excel.createCellStyle();
//創建XSSFSheet對象
XSSFSheet sheet = excel.createSheet(jsonObject.getString("name"));
//如果這行沒有了，整個公式都不會有自動計算的效果的
sheet.setForceFormulaRecalculation(true);
//我們都知道excel是表格，即由一行一行組成的，那么這一行在java類中就是一個XSSFRow對象，我們通過XSSFSheet對象就可以創建XSSFRow對象
//如：創建表格中的第一行（我們常用來做標題的行) XSSFRow firstRow = sheet.createRow(0); 注意下標從0開始
//根據luckysheet創建行列
//創建行和列
if (rowObjectList != null && rowObjectList.size() > 0) {
for (int i = 0; i < rowObjectList.size(); i++) {
XSSFRow row = sheet.createRow(i);//創建行
try {
//轉化excle行高參數1
BigDecimal excleHei1=new BigDecimal(72);
//轉化excle行高參數2
BigDecimal excleHei2=new BigDecimal(96);
row.setHeightInPoints(new BigDecimal(rowlenObject.get(i)+ "").multiply(excleHei1).divide(excleHei2).floatValue());//行高px值
} catch (Exception e) {
row.setHeightInPoints(20f);//默認行高
}
if (colObjectList != null && colObjectList.size() > 0) {
for (int j = 0; j < colObjectList.size(); j++) {
if (columnlenObject != null && columnlenObject.getInteger(j + "") != null) {
//轉化excle列寬參數35.7 調試后我改為33 --具體多少沒有算
BigDecimal excleWid=new BigDecimal(33);
sheet.setColumnWidth(j, new BigDecimal(rowlenObject.get(j)+ "").multiply(excleWid).setScale(0,BigDecimal.ROUND_HALF_UP).intValue());//列寬px值
}
row.createCell(j);//創建列
}
}
}
}
//設置值,樣式
setCellValue(celldataObjectList, borderInfoObjectList, sheet, excel);
// 判斷路徑是否存在
File dir = new File(newFileDir);
if (!dir.exists()) {
dir.mkdirs();
}
OutputStream out = null;
try {
out = new FileOutputStream(newFileDir + newFileName);
excel.write(out);
out.close();
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
}
return newFileDir+newFileName;
}
/**
* 合并單元格與填充單元格顏色
* @param jsonObjectValue
* @param sheet
* @param style
*/
private static void setMergeAndColorByObject(JSONObject jsonObjectValue, XSSFSheet sheet, XSSFCellStyle style) {
JSONObject mergeObject = (JSONObject) jsonObjectValue.get("mc");
//合并單元格
if (mergeObject != null) {
int r = (int) (mergeObject.get("r"));
int c = (int) (mergeObject.get("c"));
if ((mergeObject.get("rs") != null && (mergeObject.get("cs") != null))) {
int rs = (int) (mergeObject.get("rs"));
int cs = (int) (mergeObject.get("cs"));
CellRangeAddress region = new CellRangeAddress(r, r + rs - 1, (short) (c), (short) (c + cs - 1));
sheet.addMergedRegion(region);
}
}
//填充顏色
if (jsonObjectValue.getString("bg") != null) {
int bg = Integer.parseInt(jsonObjectValue.getString("bg").replace("#", ""), 16);
style.setFillPattern(FillPatternType.SOLID_FOREGROUND); //設置填充方案
style.setFillForegroundColor(new XSSFColor(new Color(bg))); //設置填充顏色
}
}
private static void setBorder(JSONArray borderInfoObjectList, XSSFWorkbook workbook, XSSFSheet sheet) {
//設置邊框樣式map
Map<Integer, BorderStyle> bordMap = new HashMap<>();
bordMap.put(1, BorderStyle.THIN);
bordMap.put(2, BorderStyle.HAIR);
bordMap.put(3, BorderStyle.DOTTED);
bordMap.put(4, BorderStyle.DASHED);
bordMap.put(5, BorderStyle.DASH_DOT);
bordMap.put(6, BorderStyle.DASH_DOT_DOT);
bordMap.put(7, BorderStyle.DOUBLE);
bordMap.put(8, BorderStyle.MEDIUM);
bordMap.put(9, BorderStyle.MEDIUM_DASHED);
bordMap.put(10, BorderStyle.MEDIUM_DASH_DOT);
bordMap.put(11, BorderStyle.SLANTED_DASH_DOT);
bordMap.put(12, BorderStyle.THICK);
//一定要通過 cell.getCellStyle() 不然的話之前設置的樣式會丟失
//設置邊框
if (borderInfoObjectList != null && borderInfoObjectList.size() > 0) {
for (int i = 0; i < borderInfoObjectList.size(); i++) {
JSONObject borderInfoObject = (JSONObject) borderInfoObjectList.get(i);
if (borderInfoObject.get("rangeType").equals("cell")) {//單個單元格
JSONObject borderValueObject = borderInfoObject.getJSONObject("value");
JSONObject l = borderValueObject.getJSONObject("l");
JSONObject r = borderValueObject.getJSONObject("r");
JSONObject t = borderValueObject.getJSONObject("t");
JSONObject b = borderValueObject.getJSONObject("b");
int row = borderValueObject.getInteger("row_index");
int col = borderValueObject.getInteger("col_index");
XSSFCell cell = sheet.getRow(row).getCell(col);
if (l != null) {
cell.getCellStyle().setBorderLeft(bordMap.get((int) l.get("style"))); //左邊框
int bg = Integer.parseInt(l.getString("color").replace("#", ""), 16);
cell.getCellStyle().setLeftBorderColor(new XSSFColor(new Color(bg)));//左邊框顏色
}
if (r != null) {
cell.getCellStyle().setBorderRight(bordMap.get((int) r.get("style"))); //右邊框
int bg = Integer.parseInt(r.getString("color").replace("#", ""), 16);
cell.getCellStyle().setRightBorderColor(new XSSFColor(new Color(bg)));//右邊框顏色
}
if (t != null) {
cell.getCellStyle().setBorderTop(bordMap.get((int) t.get("style"))); //頂部邊框
int bg = Integer.parseInt(t.getString("color").replace("#", ""), 16);
cell.getCellStyle().setTopBorderColor(new XSSFColor(new Color(bg)));//頂部邊框顏色
}
if (b != null) {
cell.getCellStyle().setBorderBottom(bordMap.get((int) b.get("style"))); //底部邊框
int bg = Integer.parseInt(b.getString("color").replace("#", ""), 16);
cell.getCellStyle().setBottomBorderColor(new XSSFColor(new Color(bg)));//底部邊框顏色
}
} else if (borderInfoObject.get("rangeType").equals("range")) {//選區
int bg_ = Integer.parseInt(borderInfoObject.getString("color").replace("#", ""), 16);
int style_ = borderInfoObject.getInteger("style");
JSONObject rangObject = (JSONObject) ((JSONArray) (borderInfoObject.get("range"))).get(0);
JSONArray rowList = rangObject.getJSONArray("row");
JSONArray columnList = rangObject.getJSONArray("column");
for (int row_ = rowList.getInteger(0); row_ < rowList.getInteger(rowList.size() - 1) + 1; row_++) {
for (int col_ = columnList.getInteger(0); col_ < columnList.getInteger(columnList.size() - 1) + 1; col_++) {
XSSFCell cell = sheet.getRow(row_).getCell(col_);
cell.getCellStyle().setBorderLeft(bordMap.get(style_)); //左邊框
cell.getCellStyle().setLeftBorderColor(new XSSFColor(new Color(bg_)));//左邊框顏色
cell.getCellStyle().setBorderRight(bordMap.get(style_)); //右邊框
cell.getCellStyle().setRightBorderColor(new XSSFColor(new Color(bg_)));//右邊框顏色
cell.getCellStyle().setBorderTop(bordMap.get(style_)); //頂部邊框
cell.getCellStyle().setTopBorderColor(new XSSFColor(new Color(bg_)));//頂部邊框顏色
cell.getCellStyle().setBorderBottom(bordMap.get(style_)); //底部邊框
cell.getCellStyle().setBottomBorderColor(new XSSFColor(new Color(bg_)));//底部邊框顏色 }
}
}
}
}
}
}
/**
* 設置值和樣式
* @param jsonObjectList
* @param borderInfoObjectList
* @param sheet
* @param workbook
*/
private static void setCellValue(JSONArray jsonObjectList, JSONArray borderInfoObjectList, XSSFSheet
sheet, XSSFWorkbook workbook) {
for (int index = 0; index < jsonObjectList.size(); index++) {
XSSFCellStyle style = workbook.createCellStyle();//樣式
XSSFFont font = workbook.createFont();//字體樣式
JSONObject object = jsonObjectList.getJSONObject(index);
String str_ = (int) object.get("r") + "_" + object.get("c") + "=" + ((JSONObject) object.get("v")).get("v") + "\n";
JSONObject jsonObjectValue = ((JSONObject) object.get("v"));//獲取單元格樣式
String value = "";
String t = ""; // t為excel內容的格式 （n:數值類型）
if (jsonObjectValue != null ) {
if (jsonObjectValue.get("v") != null){
value = jsonObjectValue.getString("v");
}
if (jsonObjectValue.get("ct") != null){
JSONObject jsonObject = ((JSONObject) jsonObjectValue.get("ct"));
if (jsonObject.get("t") != null){
t = jsonObject.getString("t");
}
}
}
if (sheet.getRow((int) object.get("r")) != null && sheet.getRow((int) object.get("r")).getCell((int) object.get("c")) != null) {
XSSFCell cell = sheet.getRow((int) object.get("r")).getCell((int) object.get("c"));
if (jsonObjectValue != null && jsonObjectValue.get("f") != null) {//如果有公式，設置公式
String f = jsonObjectValue.getString("f");
cell.setCellFormula(f.substring(1,f.length()));//不需要=符號,例：INT(12.3)
//填充值
cell.setCellValue(value);
}else {
switch(t){
case "n":
cell.setCellValue(Double.valueOf(value));
break;
default:
cell.setCellValue(value);
}
// if (StringUtils.isNotEmpty(t)){
// if (t.equals("n")){
// cell.setCellValue(Double.valueOf(value));
// }else {
// cell.setCellValue(value);
// }
// }else {
// cell.setCellValue(value);
// }
}
//合并單元格與填充單元格顏色
setMergeAndColorByObject(jsonObjectValue, sheet, style);
//填充值
XSSFRow row = sheet.getRow((int) object.get("r"));
//設置垂直水平對齊方式
int vt = jsonObjectValue.getInteger("vt") == null ? 1 : jsonObjectValue.getInteger("vt");//垂直對齊 0 中間、1 上、2下
int ht = jsonObjectValue.getInteger("ht") == null ? 1 : jsonObjectValue.getInteger("ht");//0 居中、1 左、2右
switch (vt) {
case 0:
style.setVerticalAlignment(VerticalAlignment.CENTER);
break;
case 1:
style.setVerticalAlignment(VerticalAlignment.TOP);
break;
case 2:
style.setVerticalAlignment(VerticalAlignment.BOTTOM);
break;
}
switch (ht) {
case 0:
style.setAlignment(HorizontalAlignment.CENTER);
break;
case 1:
style.setAlignment(HorizontalAlignment.LEFT);
break;
case 2:
style.setAlignment(HorizontalAlignment.RIGHT);
break;
}
//設置合并單元格的樣式有問題
String ff = jsonObjectValue.getString("ff");//0 Times New Roman、 1 Arial、2 Tahoma 、3 Verdana、4 微軟雅黑、5 宋體（Song）、6 黑體（ST Heiti）、7 楷體（ST Kaiti）、 8 仿宋（ST FangSong）、9 新宋體（ST Song）、10 華文新魏、11 華文行楷、12 華文隸書
int fs = jsonObjectValue.getInteger("fs") == null ? 14 : jsonObjectValue.getInteger("fs");//字體大小
int bl = jsonObjectValue.getInteger("bl") == null ? 0 : jsonObjectValue.getInteger("bl");//粗體 0 常規 、 1加粗
int it = jsonObjectValue.getInteger("it") == null ? 0 : jsonObjectValue.getInteger("it");//斜體 0 常規 、 1 斜體
String fc = jsonObjectValue.getString("fc") == null ? "" : jsonObjectValue.getString("fc");//字體顏色
// font.setFontName(fontMap.get(ff));//字體名字
//字體顏色
if (fc.length() > 0) {
font.setColor(new XSSFColor(new Color(Integer.parseInt(fc.replace("#", ""), 16))));
}
font.setFontName(ff);//字體名字
font.setFontHeightInPoints((short) fs);//字體大小
//是否粗體
if (bl == 1) {
font.setBold(true);//粗體顯示
}
//是否斜體
font.setItalic(it == 1 ? true : false);//斜體
style.setFont(font);
style.setWrapText(true);//設置自動換行
cell.setCellStyle(style);
} else {
System.out.println("錯誤的=" + index + ">>>" + str_);
}
}
//設置邊框
setBorder(borderInfoObjectList, workbook, sheet);
}
}
期間遇到的問題
1.修改后的excel文件打開發現sum函數未保存進去
解決方案：在上面exportLuckySheetXlsxByPOI方法中創建XSSFSheet對象之后設置sheet.setForceFormulaRecalculation(true);
2.保存之后的excel文件中所有的值均為字符串類型，導致sum函數為0
解決方案：在上面setCellValue方法中往excel對象寫值時指定其格式
這里的“n”對應得Luckysheet單元格值格式的數字類型
3.保存之后發現在excel文件中單元格的高度和寬度便大了，排查問題的時候也發現寫入文件之前設置的高度和寬度值都沒有發生變化，寫入到excel中才會變大，網上尋找答案時無意中發現有個博客中記載著轉換方式：博客地址
將創建excel的行和列代碼更改后發現問題解決：
原創建行和列代碼：
if (rowObjectList != null && rowObjectList.size() > 0) {
for (int i = 0; i < rowObjectList.size(); i++) {
XSSFRow row = sheet.createRow(i);//創建行
try {
row.setHeightInPoints(Float.parseFloat(rowlenObject.get(i) + ""));//行高px值
} catch (Exception e) {
row.setHeightInPoints(20f);//默認行高
}
if (colObjectList != null && colObjectList.size() > 0) {
for (int j = 0; j < colObjectList.size(); j++) {
if (columnlenObject != null && columnlenObject.getInteger(j + "") != null) {
sheet.setColumnWidth(j, columnlenObject.getInteger(j + "") * 42);//列寬px值
}
row.createCell(j);//創建列
}
}
}
}
通過轉換創建行和列代碼：
if (rowObjectList != null && rowObjectList.size() > 0) {
for (int i = 0; i < rowObjectList.size(); i++) {
XSSFRow row = sheet.createRow(i);//創建行
try {
//轉化excle行高參數1
BigDecimal excleHei1=new BigDecimal(72);
//轉化excle行高參數2
BigDecimal excleHei2=new BigDecimal(96);
row.setHeightInPoints(new BigDecimal(rowlenObject.get(i)+ "").multiply(excleHei1).divide(excleHei2).floatValue());//行高px值
} catch (Exception e) {
row.setHeightInPoints(20f);//默認行高
}
if (colObjectList != null && colObjectList.size() > 0) {
for (int j = 0; j < colObjectList.size(); j++) {
if (columnlenObject != null && columnlenObject.getInteger(j + "") != null) {
//轉化excle列寬參數35.7 調試后我改為33 --具體多少沒有算
BigDecimal excleWid=new BigDecimal(33);
sheet.setColumnWidth(j, new BigDecimal(rowlenObject.get(j)+ "").multiply(excleWid).setScale(0,BigDecimal.ROUND_HALF_UP).intValue());//列寬px值
row.createCell(j);//創建列
}
row.createCell(j);//創建列
}
}
}
}
4.使用luckysheet.find(“SUM”,{type:“f”})函數查找返回空的問題
解決方案：我這里的原因是因為luckysheet.umd.js的版本不是最新版導致的，更換最新版發現問題解決
其他
Luckysheet中的一些函數：
hook: {
cellDragStop: function (cell, postion, sheetFile, ctx, event) {
// console.info(cell, postion, sheetFile, ctx, event);
},
rowTitleCellRenderBefore: function (rowNum, postion, ctx) {
// console.log(rowNum);
},
rowTitleCellRenderAfter: function (rowNum, postion, ctx) {
// console.log(ctx);
},
columnTitleCellRenderBefore: function (columnAbc, postion, ctx) {
// console.log(columnAbc);
},
columnTitleCellRenderAfter: function (columnAbc, postion, ctx) {
// console.log(postion);
},
cellRenderBefore: function (cell, postion, sheetFile, ctx) {
// console.log(cell,postion,sheetFile,ctx);
},
cellRenderAfter: function (cell, postion, sheetFile, ctx) {
// console.log(postion);
},
cellMousedownBefore: function (cell, postion, sheetFile, ctx) {
// console.log(postion);
},
cellMousedown: function (cell, postion, sheetFile, ctx) {
// console.log(sheetFile);
},
sheetMousemove: function (cell, postion, sheetFile, moveState, ctx) {
// console.log(cell,postion,sheetFile,moveState,ctx);
},
sheetMouseup: function (cell, postion, sheetFile, moveState, ctx) {
// console.log(cell,postion,sheetFile,moveState,ctx);
},
cellAllRenderBefore: function (data, sheetFile, ctx) {
// console.info(data,sheetFile,ctx)
},
updated: function (operate) {
// console.info(operate)
},
cellUpdateBefore: function (r, c, value, isRefresh) {
// console.info('cellUpdateBefore',r,c,value,isRefresh)
},
cellUpdated: function (r, c, oldValue, newValue, isRefresh) {
// console.info('cellUpdated',r,c,oldValue, newValue, isRefresh)
},
sheetActivate: function (index, isPivotInitial, isNewSheet) {
// console.info(index, isPivotInitial, isNewSheet)
},
rangeSelect: function (index, sheet) {
// console.info(index, sheet)
},
commentInsertBefore: function (r, c) {
// console.info(r, c)
},
commentInsertAfter: function (r, c, cell) {
// console.info(r, c, cell)
},
commentDeleteBefore: function (r, c, cell) {
// console.info(r, c, cell)
},
commentDeleteAfter: function (r, c, cell) {
// console.info(r, c, cell)
},
commentUpdateBefore: function (r, c, value) {
// console.info(r, c, value)
},
commentUpdateAfter: function (r, c, oldCell, newCell) {
// console.info(r, c, oldCell, newCell)
},
cellEditBefore: function (range) {
// console.info(range)
},
workbookCreateAfter: function (json) {
// console.info(json)
},
rangePasteBefore: function (range, data) {
// console.info('rangePasteBefore',range,data)
// return false; //Can intercept paste
},
}
例如：
DEMO地址：
鏈接：https://pan.baidu.com/s/1fa_4mGnKiH_TOXi0OlKR6g?pwd=7pcy
提取碼：7pcy
下載demo然后解壓，放置D盤根目錄下
啟動其中的Java代碼
運行nginx-Luckysheet文件夾下的luckysheet.exe
訪問 http://localhost:8088/web/
原文鏈接：https://blog.csdn.net/YXWik/article/details/125207633
- 上一篇：eureka更換為nacos
- 下一篇：ui追加動態li
相關推薦
- 2022-08-17 Python連接數據庫并批量插入包含日期記錄的操作_python
- 2022-11-04 C++與QML進行數據交互實現方式介紹_C 語言
- 2022-09-14 Python定制類你不知道的魔術方法_python
- 2022-12-01 Apache?Doris?Colocate?Join?原理實踐教程_Linux
- 2022-05-13 CLion 中文輸出亂碼
- 2022-09-17 C++中cin的返回值問題_C 語言
- 2023-03-26 數據結構TypeScript之棧和隊列詳解_其它
- 2022-07-11 Python字節碼與程序執行過程詳解_python
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版（
- Linux 中運行的top命令 怎么退出？
- MySQL 中decimal 的用法？ 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符，流程控制 Flo
- 1. Int 和Integer 的區別，Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤：Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密？
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串（SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列，發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支
提供CDN加速