请问怎么隐藏这一栏？

Wilson.Zhang

本帖最后由 oaimisgnay 于 2025-4-14 10:43 编辑

他俩都隐藏
image.png696395568.png

Wilson.Zhang · Wilson.Zhang

本帖最后由 Wilson.Zhang 于 2025-4-14 11:35 编辑

您好！您使用的应该是带有顶部工具栏和公式编辑框的Designer，工具栏中可见的各功能按钮和公式编辑框都作为配置项存在。那么，有如下方法可以满足您的需要。

1. 在DefaultConfig对象中删除对应元素即可，参考如下代码：

var designer = GC.Spread.Sheets.Designer.findControl('gc-designer-container');
var config = GC.Spread.Sheets.Designer.DefaultConfig;
// 删除公式编辑栏
config.sidePanels.splice(0, 1);
designer.setConfig(config);

复制代码

2. 注意上述代码直接删除了公式编辑框，无法恢复。如果您希望可以控制其是否显示，可以扩展公式编辑框对应的命令对象中的visibleContext属性值，如下图所示：
1744601505750.png980784912.png

visibleContext属性值是字符串，由各布尔类型控制变量名称和逻辑运算符串联而成，控制变量实际值通过逻辑运算决定某元素是否可见。然而，由于不同命令的visibleContext属性值中存在相同控制变量名称，所以直接修改已经存在的控制变量可能会影响其他元素的可见性。因此，通过与逻辑运算续写visibleContext属性值，重新注册命令后，即可通过Designer:setData()设置自定义控制变量，从而实现控制元素可见性。可参考如下代码：

var designer = GC.Spread.Sheets.Designer.findControl('gc-designer-container');
var config = GC.Spread.Sheets.Designer.DefaultConfig;
var cmd = GC.Spread.Sheets.Designer.getCommand("formulaBarPanel");
cmd.visibleContext = '(' + cmd.visibleContext + ') && myFormulaFlag';
config.commandMap = {
'formulaBarPanel': cmd
}
designer.setData('myFormulaFlag', false);
designer.setConfig(config);

复制代码

运行效果如下动图所示：
控制公式编辑框可见性.gif

3. 或者直接通过公式编辑框对应的DOM元素的style控制是否可见，如下代码所示：

document.getElementsByClassName("top-panels")[0].style.display = 'none';

复制代码

您可以根据需要选择上述方法实现。

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

[已处理] 请问怎么隐藏这一栏？

最佳答案

1 个回复