在线表格编辑器添加替换功能

收藏

之前我们将了如何在SpreadJS中添加替换功能，这一期我们来看一下在线表格编辑器中如何添加替换功能。
首先在线表格编辑器相对于SpreadJS的API实现，做了查找的对应UI操作界面
image.png397836608.png

并且实现了查找全部的功能
image.png232151793.png

那么，我们可以利用这样的界面，在界面上直接添加替换下一个和替换全部的功能。
首先我们需要在resouces.cn.js中找到对应的dialog对象并添加中文说明
image.png282213744.png

接下来在dialogs.html中在UI布局上添加对应的按钮，并在dialogs.js中添加按钮点击建立联系
image.png685639953.png

然后就到了最重要的实现部分，首先我们先参考dialogs.js中的查找部分（findall-button，findnext-button），写出我们对应的替换的逻辑（replaceall-button，replacenext-button）。原理跟之前SpreadJS中实现替换的原理相同。
image.png96467894.png

这里replaceAll我做了一个命令（command）来实现
这个命令的实现和注册我放在了index.js中的designer.loader.ready方法中，保证了在线表格编辑器初始化后去注册这个命令
image.png152965087.png

按照上述的修改，我们最终就可以实现在在线表格编辑器中添加查找功能了。

由于在线表格编辑器是源码工程，所以这里不再上传具体实现示例。大家可以参考上述实现，有问题可以求助我们的技术支持。

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

在线表格编辑器添加替换功能

0 个回复

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄