如何关闭筛选对话框

收藏

用rowFilter().openFilterDialog(filterInfo)可以打开筛选对话框；
那么请问如何关闭这个对话框；

现在遇到的问题就是：

如果当前表格已经用方法rowFilter().openFilterDialog(filterInfo)打开了一个对话框，且该对话框未关闭，此时再此执行该方法打开对话框就会出现位置错乱的问题，所以想到解决办法就是每次在打开之前先关闭；
image.png41692809.png

Derrick.Jiao · Derrick.Jiao

正常来说，openFilterDialog应该只执行一次，再次执行时会关闭筛选，就像附件的demo一样。
从行为上，多次调用open方法是一个不合理的行为，这会导致出现您上面描述的问题，目前没有接口进行关闭。因此您需要从代码层规避多次调用的问题。

zhanglibin · zhanglibin

莫非需要判断当前对话框是否存在于页面中？

zhanglibin · zhanglibin

Derrick.Jiao 发表于 2021-9-2 10:35
正常来说，openFilterDialog应该只执行一次，再次执行时会关闭筛选，就像附件的demo一样。
从行为上，多次 ...

好的，那再麻烦您一下，问下这个筛选对话框的id是固定的吗？

zhanglibin · zhanglibin

本帖最后由 zhanglibin 于 2021-9-2 11:21 编辑

image.png260702513.png

gc-dialog3是筛选对话框固定id吗？
我还看到右键对话框的id是gc-dialog2，这个呢？也是固定的吗？

Derrick.Jiao · Derrick.Jiao

zhanglibin 发表于 2021-9-2 11:19
gc-dialog3是筛选对话框固定id吗？
我还看到右键对话框的id是gc-dialog2，这个呢？也是固定的吗？

前面的gc-dialog是固定的，但是后面数字是由内部逻辑判断生成的。 image.png413426207.png

zhanglibin · zhanglibin

Derrick.Jiao 发表于 2021-9-2 13:51
前面的gc-dialog是固定的，但是后面数字是由内部逻辑判断生成的。

那这几个dialog怎么区分呢？
鼠标右键对话框、筛选对话框

zhanglibin · zhanglibin

zhanglibin 发表于 2021-9-2 14:27
那这几个dialog怎么区分呢？
鼠标右键对话框、筛选对话框

或者有没有办法给他们加class/id

Derrick.Jiao · Derrick.Jiao

zhanglibin 发表于 2021-9-2 14:28
或者有没有办法给他们加class/id

没有太好的方法可以区分，这个是调用内部的方法生成的id。回到这个问题，最根本就是需要从代码上避免多次调用open这个接口。

zhanglibin · zhanglibin

Derrick.Jiao 发表于 2021-9-2 14:41
没有太好的方法可以区分，这个是调用内部的方法生成的id。回到这个问题，最根本就是需要从代码上避免多次 ...

正常情况下，包括您给的例子中，如果打开了一个筛选对话框，鼠标失去焦点，或者点击表格其他的地方，这个对话框自动就关闭了，我的项目中，现在问题就出现在它不回自动关闭；
所以才考虑怎么手动关闭它；
let filterDialogDom = $('[id^=gc-dialog].gc-filter-dialog-style');
filterDialogDom.remove()
sheet.rowFilter().openFilterDialog(filterInfo);
这样好像可行

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

[已处理] 如何关闭筛选对话框

10 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证