找回密码
 立即注册

QQ登录

只需一步,快速开始

Clark.Pan 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2020-4-6 21:25  /   查看:3730  /  回复:0
之前我们将了如何在SpreadJS中添加替换功能,这一期我们来看一下在线表格编辑器中如何添加替换功能。
首先在线表格编辑器相对于SpreadJS的API实现,做了查找的对应UI操作界面
image.png397836608.png
image.png419710387.png
并且实现了查找全部的功能
image.png232151793.png
那么,我们可以利用这样的界面,在界面上直接添加替换下一个和替换全部的功能。
首先我们需要在resouces.cn.js中找到对应的dialog对象并添加中文说明
image.png282213744.png
接下来在dialogs.html中在UI布局上添加对应的按钮,并在dialogs.js中添加按钮点击建立联系
image.png685639953.png
image.png568204345.png
然后就到了最重要的实现部分,首先我们先参考dialogs.js中的查找部分(findall-button,findnext-button),写出我们对应的替换的逻辑(replaceall-button,replacenext-button)。原理跟之前SpreadJS中实现替换的原理相同。
image.png96467894.png
image.png869270934.png
这里replaceAll我做了一个命令(command)来实现
这个命令的实现和注册我放在了index.js中的designer.loader.ready方法中,保证了在线表格编辑器初始化后去注册这个命令
image.png152965087.png

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

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

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部