SpreadJS在线表格编辑器自定义功能 - 快捷键打开查找对话框

收藏

本帖最后由 dexteryao 于 2021-2-3 14:01 编辑

背景：使用Excel的用户可能会知道，按下Ctrl+F会唤起 “查找和替换”对话框。SpreadJS作为一个控件产品，原生未提供这样的API，不过我们可以二次开发实现，接下来我们就一起来学习下吧。
1. 调用 command，打开查找对话框

打开组件版设计器，我们会看到查找对话框，如下图：
image.png891839599.png

找到唤起对话框的命令：
image.png853530273.png

调用命令，，唤起对话框：
image.png295960387.png

2. 绑定快捷键 Ctrl+F

2.1 定义 command

var command = {
canUndo: false,
execute: function (context, options, isUndo) {
      var Commands = GC.Spread.Sheets.Commands;
      if (isUndo) {
         Commands.undoTransaction(context, options);
         return true;
      } else {
         Commands.startTransaction(context, options);

         // 打开dialog
         GC.Spread.Sheets.Designer.getCommand(GC.Spread.Sheets.Designer.CommandNames.FindDialogFind).execute(designer)

         Commands.endTransaction(context, options);
            return true;
      }
}
};

2.2  注册命令
spread.commandManager().register("openFindDialog", command);

2.3  绑定快捷键
spread.commandManager().setShortcutKey(
   "openFindDialog", 70, true, false, false, false
);

这样我们就实现了：按下 Ctrl+F，打开查找对话框。

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

SpreadJS在线表格编辑器自定义功能 - 快捷键打开查找对话框

0 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人