Clark.Pan 发表于 2020-4-6 21:25:50

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

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


并且实现了查找全部的功能

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

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


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


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


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

由于在线表格编辑器是源码工程,所以这里不再上传具体实现示例。大家可以参考上述实现,有问题可以求助我们的技术支持。
页: [1]
查看完整版本: 在线表格编辑器添加替换功能