关于浮层和筛选

收藏

我这边在单元格添加浮层后，浮层区域内的筛选按钮无法使用，现在我们需求是在有浮层时候也可以筛选（筛选器要在浮层里面不可以在浮层外面），这个可以实现么？

Derrick.Jiao · Derrick.Jiao

您好，这边看到您用了事件穿透是个不错的思路。理论上设置了应该是可以点击弹出筛选框。

具体为什么弹出不了筛选框可能需要调研一下，建议您提供一个可直接运行的上图的demo

我们通过您的demo看下是否有可行的方案或是产品限制。

Derrick.Jiao · Derrick.Jiao

这边给您提供一个demo，您可以参考一下

EX_040537700 · EX_040537700

你这个是使用背景图的方式，和我们需求不一样我们的需求是这指定区域会有很多浮层并且浮层会随着单元格的宽度改变，现在的需求就是在有浮动元素的情况下可以实现点击筛选么？

Derrick.Jiao · Derrick.Jiao

EX_040537700 发表于 2020-12-9 11:38
你这个是使用背景图的方式，和我们需求不一样我们的需求是这指定区域会有很多浮层并且浮层会随着单元格 ...

目前通过浮动元素添加事件穿透，暂时无法实现您的需求。
这边还有一个思路：您可以通过添加div的方法为表格添加遮罩层，但是这个遮罩层无法随着表格的滚动而滚动。这个也需要您写代码去计算表格的位置以及监听表格的滚动变化，以此控制这个浮动的div的位置以及大小。

您可以用getCellRect去获取单元格区域的大小，控制这个div浮动的位置。监听滚动条滚动，您可以用[size=0.7em]TopRowChanged事件。 image.png13565062.png

EX_040537700 · EX_040537700

有点不太理解你这边能给一个demo么麻烦了

Derrick.Jiao · Derrick.Jiao

EX_040537700 发表于 2020-12-9 16:55
有点不太理解你这边能给一个demo么麻烦了

你可以参考这个demo，这个demo已经实现了可以穿透div层点击筛选框。
如果您需要这个div随表单滚动，您需要通过监听topRowChange事件，在此事件中使这个div随着表单的滚动而调整大小与位置，从而达到div随滚动条滚动而滚动。

上面这部分的逻辑需要您来实现。

EX_040537700 · EX_040537700

我们的需求是需要动态添加上面的浮层，并且根据所选区域去添加还要根据单元格的宽度改变也要相应变化，这个浮层不止一个也会是多个，使用你说的这个方式也可以实现么？

Derrick.Jiao · Derrick.Jiao

EX_040537700 发表于 2020-12-9 18:58
我们的需求是需要动态添加上面的浮层，并且根据所选区域去添加还要根据单元格的宽度改变也要相应变化，这个 ...

理论上也是可以实现的，不过会比较复杂。

关于浮动元素能否通过事件穿透实现您的这边需要时间去调研一下，有结果会在本帖更新。

EX_040537700 · EX_040537700

好的麻烦尽快谢谢

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

[已处理] 关于浮层和筛选

12 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证