SpreadJS有没有方法实现点击某个按钮显示单元格公式

收藏

现在要实现一个类似Excel的显示公式的内容（如下），选择一个含有公式的单元格，点击一个切换“显示公式”按钮，切换单元格的值和公式。请问SpreadJS有没有这样的方法？ image.png187467650.png

KevinChen · KevinChen

您好，目前SpreadJS没有能一键实现显示或隐藏公式的接口，您可以通过遍历单元格的方式实现，我给您贴一个Demo，您可以参考一下：
js代码：

$(document).ready(function () {
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), {
sheetCount: 1
});
initSpread(spread);
});
function initSpread(spread) {
var spreadNS = GC.Spread.Sheets;
var sheet = spread.getSheet(0);
sheet.name('Basic Fucntions');
// 重要: 挂起表格的绘制操作.
// 先对表格实例进行操作,等操作完毕再恢复绘制,否则会极大拖慢执行效率
sheet.suspendPaint();
sheet.setValue(2, 1, "name");
sheet.setValue(2, 2, "age");
sheet.setValue(3, 1, "Jack");
sheet.setValue(4, 1, "Lily");
sheet.setValue(5, 1, "John");
sheet.setValue(6, 1, "Mary");
sheet.setValue(3, 2, 19);
sheet.setValue(4, 2, 21);
sheet.setValue(5, 2, 22);
sheet.setValue(6, 2, 25);
sheet.setText(8, 0, "Average Age:");
sheet.setText(9, 0, "Max Age:");
sheet.setText(10, 0, "Min Age:");
sheet.addSpan(8, 0, 1, 2);
sheet.addSpan(9, 0, 1, 2);
sheet.addSpan(10, 0, 1, 2);
sheet.setFormula(8, 2, "=AVERAGE(C4:C7)");
sheet.setFormula(9, 2, "=MAX(C4:C7)");
sheet.setFormula(10, 2, "=MIN(C4:C7)");
var showFormulaCells = [];
$("#showFormula").bind("click", function () {
sheet.suspendPaint();
var rowCount = sheet.getRowCount();
var columnCount = sheet.getColumnCount();
for(var i=0; i<rowCount; i++){
for (var j = 0; j < columnCount; j++) {
var formula = sheet.getFormula(i,j);
if(formula){
sheet.setFormula(i,j, "");
sheet.setText(i,j, "=" + formula);
showFormulaCells.push({
rowNum : i ,
colNum : j ,
formula : formula
});
}
}
}
sheet.resumePaint();
});
$("#hideFormula").bind("click", function () {
if(showFormulaCells.length === 0){
return;
}
sheet.suspendPaint();
for(var i=0; i<showFormulaCells.length; i++){
var row = showFormulaCells[i]["rowNum"];
var col = showFormulaCells[i]["colNum"];
var formula = showFormulaCells[i]["formula"];
sheet.setFormula(row, col, "=" + formula);
}
showFormulaCells = [];
sheet.resumePaint();
});
// 恢复表格绘制操作.
sheet.resumePaint();
}

复制代码

html代码：

<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="resources/css/spread/gc.spread.sheets.excel2013white.11.2.2.css">
<script src="resources/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="resources/js/spread/gc.spread.sheets.all.11.2.2.min.js" type="text/javascript"></script>
<script src="resources/js/spread/gc.spread.sheets.resources.zh.11.2.2.min.js" type="text/javascript"></script>
<script src="index_4.js" type="text/javascript"></script>
</head>
<body>
<div id='ss' style='width:100%; height:800px;'></div>
<div>
<button id="showFormula">显示公式</button>
<button id="hideFormula">隐藏公式</button>
</div>
</body>
</html>

复制代码

往事随风 · 往事随风

KevinChen 发表于 2018-9-11 17:20
您好，目前SpreadJS没有能一键实现显示或隐藏公式的接口，您可以通过遍历单元格的方式实现，我给您贴一个De ...

好的，感谢！

KevinChen · KevinChen

谢谢您的支持，我这边把本帖结贴了，您如遇到其他问题欢迎另开新帖进行询问。

Fiooona · Fiooona

您好，V13.1 以后的版本中可以使用这个接口实现显示公式的功能：
sheet.options.showFormulas = true;

https://demo.grapecity.com.cn/sp ... ght=showformulas%2C

		自动登录	找回密码
密码			立即注册

[已处理] SpreadJS有没有方法实现点击某个按钮显示单元格公式

4 个回复

评分

微信认证勋章

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证