Wijmo5-flexgrid无法实时100%填充容器

登录

本帖最后由 qijipp 于 2016-7-20 15:53 编辑

eg:

有两个区域，起始是各占一半的位置，如果我隐藏右边的区域，但是左边的grid不会自动填充满容器？

请问grid为什么设置了100%还是不能自适应大小？

如果我改变浏览器大小则grid会100%填充（也就是说css是生效的，但是grid内部生成的width和height没有及时更新），如下正常：

问题：
1.如何正确的自适应大小（宽，高），实时100%填充容器大小？
2.如果必须手动触发重绘grid以达到100%填充容器大小，方法是什么？

PS：我用了refresh，autoSizeColumn,，无法达到自动填充容器大小的目的。

qijipp · qijipp

另外，好像发帖用截屏粘贴的图通通发帖后挂做，必须本地上传^_^

Alice · Alice

qijipp 发表于 2016-7-20 15:54
另外，好像发帖用截屏粘贴的图通通发帖后挂做，必须本地上传^_^

您的问题我们收到了，测试后给您反馈。
另外论坛截图和截屏工具和浏览器有关，微信截图可以在Chrom用，QQ截屏可以在IE用，系统截屏可以在IE用。

Alice · Alice

本帖最后由 Alice 于 2016-7-21 14:49 编辑

测试将flexgrid填充到splitter并且进行UIResize，刷新用的invalidate方法。
可以正常的填充。测试Demo：

qijipp · qijipp

Alice 发表于 2016-7-21 14:13
测试将flexgrid填充到splitter并且进行UIResize，刷新用的invalidate方法。
可以正常的填充。测试Demo：
...

非常感谢，demo我打不开，不过手动触发重新填充grid大小用refresh测试可以了，但用invalidate不行，当然这个不是重点，重点问题如下：

flexgrid调整大小对响应式布局不敏感（有些必须要手动触发？），如处于容器中且容器根据时间逐步变幻大小，举个例子：
flexgrid width 100%，它的容器width 500px，由于一些需求，容器需要由500px变化为250px,但是不是一下子变小的，可能要经过3秒的过程才会平均由500到250，那这时候flexgrid的大小该如何适应这种容器的变化过程，才能显的平滑？（不能一次性从500-250会很突兀）。

PS：不知道吧主看明白了，没明白的话，我可以录个动画来说明。（问题就一句话，flexgrid无法随外部容器大小而实时变化，因为其内部好多div都限定了宽度和高度，需要事件触发）是否有解决方法？我需要能实时变化。

qijipp · qijipp

本帖最后由 qijipp 于 2016-7-21 15:58 编辑

重复评论了，请看上面的回复。

Alice · Alice

qijipp 发表于 2016-7-21 15:43
非常感谢，demo我打不开，不过手动触发重新填充grid大小用refresh测试可以了，但用invalidate不行，当然 ...

是的，需要手动触发。

Demo是CDN的，如果看不了，将js文件替换成本地即可。
之前理解是flexgrid无法随外部容器变化。
现在理解你的需求是尺寸经过一段时间慢慢变化的需求，这应该是CSS或是JS实现外层容器的动画效果，是业务逻辑的部分。
如果你已经实现了动画效果，但是flexgrid没有按照跟着容器的变化，请提供可以重现问题的Demo，我们帮你检查下是什么问题。

qijipp · qijipp

Alice 发表于 2016-7-22 10:01
是的，需要手动触发。

Demo是CDN的，如果看不了，将js文件替换成本地即可。

附件是一个demo，用的是css的动画过渡效果，帮忙看看如何才能让flexgrid也平滑的去适应容器大小，而不显得突兀。

PS：我们目前想要从别的UI框架迁移到wijmo，之前的table是可以实时填充，自适应css的。

谢谢亲。

Alice · Alice

qijipp 发表于 2016-7-22 12:50
附件是一个demo，用的是css的动画过渡效果，帮忙看看如何才能让flexgrid也平滑的去适应容器大小，而 ...

我看了下，动画效果实现出来很炫。

可以看出来之前项目经验很丰富。

看了Demo，理解了你的需求，从Demo演示来看，flexgrid不够顺滑。
我这里调查下原因和解决方法，然后给你回复。
很抱歉给你带来的不便。

qijipp · qijipp

Alice 发表于 2016-7-22 15:10
我看了下，动画效果实现出来很炫。
可以看出来之前项目经验很丰富。

非常感谢^_^ 持续关注~

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

Wijmo5-flexgrid无法实时100%填充容器

本帖子中包含更多资源

12 个回复

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄