spreadjs v17如何使用表格设计器 Designer 实现点击按钮增大选中单元格的字体大小

Wilson.Zhang

本帖最后由 Wilson.Zhang 于 2024-10-28 08:32 编辑

请问一下如何使用表格设计器 Designer 实现点击按钮增大选中单元格的字体大小。

Wilson.Zhang · Wilson.Zhang

helloworldplus 发表于 2024-10-28 09:32
您好，我貌似没有找到这个方法或属性，然后文档中的命令有个 IncreaseFontsize var command = GC.Spread.Sh ...

可以通过命令Designer.setFontSize实现，既然是增大字体，那就需要先获取当前字体尺寸，可以自定义每次点击按钮时增加0.5或1个单位的字体大小。可以参考如下代码：

spread.commandManager().execute({
cmd: "Designer.setFontSize",
activeColIndex: sheet.getActiveColumnIndex(),
activeRowIndex: sheet.getActiveRowIndex(),
selections: sheet.getSelections(),
sheetName: sheet.name(),
value: function getFontSize() {
// 获取当前单元格字体大小，包含单位
var fontSize = sheet.getCell(sheet.getActiveRowIndex(), sheet.getActiveColumnIndex()).fontSize();
console.log('fontSize: ', fontSize);
// 正则表达式匹配出字符串中的数字，即字体大小
var sizeNum = fontSize.match(/\d+/)[0];
// 在当前字体大小基础上增加一个单位
return (Number(sizeNum) + 1) + 'pt';
}()
});

复制代码

Wilson.Zhang · Wilson.Zhang

您好！SpreadJS Designer工具栏中加粗字体的按钮绑定的命令是Designer.setFontSize。根据您的需求，需要自定义一个按钮，对自定义按钮也绑定Designer.setFontSize命令触发即可。

helloworldplus · helloworldplus

您好，我貌似没有找到这个方法或属性，然后文档中的命令有个 IncreaseFontsize var command = GC.Spread.Sheets.Designer.getCommand(GC.Spread.Sheets.Designer.CommandNames.IncreaseFontsize); 但是我使用后不生效，有具体的使用案例吗

helloworldplus · helloworldplus

本帖最后由 helloworldplus 于 2024-10-28 16:05 编辑

好的，谢谢，请问一下execute的配置项参数完整的在哪里啊，我在文档中没有找打；以及请问一下Designer里面的命令如何使用啊；还有Designer.setFontSize这个命令是从哪里来的啊，在文档中也没有找到

Wilson.Zhang · Wilson.Zhang

helloworldplus 发表于 2024-10-28 15:05
好的，谢谢，请问一下execute的配置项参数完整的在哪里啊，我在文档中没有找打；以及请问一下Designer里面 ...

问题1：可以通过官网API文档中的Commands命名空间了解其中包含的命令的调用参数。

问题2：如果您知道想要调用的命令，在Designer中可以通过如下代码执行以调用部分命令：

var command = GC.Spread.Sheets.Designer.getCommand(GC.Spread.Sheets.Designer.CommandNames.FindDialogFind);
command.execute(designer);

复制代码

可以通过官网API文档中的CommandNames命名空间了解详情：
https://demo.grapecity.com.cn/spreadjs/help/api/designer/classes/GC.Spread.Sheets.Designer.CommandNames#class-commandnames

或者，在Designer和SpreadJS控件中都可以通过如下代码调用部分命令：

spread.commandManager().execute({cmd: "clearValues", sheetName: "Sheet1", ranges: [new GC.Spread.Sheets.Range(8, 5, 2, 1)]});

复制代码

问题3：SpreadJS的CommandManager可以监听UI触发的大部分动作，如下动图所示即点击工具栏中增大字体按钮时监听所得的信息，其中包括命令名称，即Designer.setFontSize。可以参考如下代码运行观察：

spread.commandManager().addListener('-', function(args) {
console.log('args: ', args);
});

复制代码

Wilson.Zhang · Wilson.Zhang

您好！从跟帖回复中了解到问题已得到有效解答，那就结贴了。如有新问题，欢迎发新帖沟通。

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

[已处理] spreadjs v17如何使用表格设计器 Designer 实现点击按钮增大选中单元格的字体大小

最佳答案

6 个回复