找回密码
 立即注册

QQ登录

只需一步,快速开始

qijipp

注册会员

6

主题

19

帖子

75

积分

注册会员

积分
75
qijipp
注册会员   /  发表于:2016-7-20 15:41  /   查看:7457  /  回复:12
本帖最后由 qijipp 于 2016-7-20 15:53 编辑

eg:

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

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

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


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

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




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

12 个回复

倒序浏览
qijipp
注册会员   /  发表于:2016-7-20 15:54:34
沙发
另外,好像发帖用截屏粘贴的图通通发帖后挂做,必须本地上传^_^
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2016-7-20 17:48:58
板凳
qijipp 发表于 2016-7-20 15:54
另外,好像发帖用截屏粘贴的图通通发帖后挂做,必须本地上传^_^

您的问题我们收到了,测试后给您反馈。
另外论坛截图和截屏工具和浏览器有关,微信截图可以在Chrom用,QQ截屏可以在IE用,系统截屏可以在IE用。
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2016-7-21 14:13:59
地板
本帖最后由 Alice 于 2016-7-21 14:49 编辑

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
qijipp
注册会员   /  发表于:2016-7-21 15:43:21
5#
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
注册会员   /  发表于:2016-7-21 15:43:27
6#
本帖最后由 qijipp 于 2016-7-21 15:58 编辑


重复评论了,请看上面的回复。
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2016-7-22 10:01:19
7#
qijipp 发表于 2016-7-21 15:43
非常感谢,demo我打不开,不过手动触发重新填充grid大小用refresh测试可以了,但用invalidate不行,当然 ...

是的,需要手动触发。

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

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
qijipp
注册会员   /  发表于:2016-7-22 12:50:22
8#
Alice 发表于 2016-7-22 10:01
是的,需要手动触发。

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



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

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

谢谢亲。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2016-7-22 15:10:01
9#
qijipp 发表于 2016-7-22 12:50
附件是一个demo,用的是css的动画过渡效果,帮忙看看如何才能让flexgrid也平滑的去适应容器大小,而 ...

我看了下,动画效果实现出来很炫。
可以看出来之前项目经验很丰富。

看了Demo,理解了你的需求,从Demo演示来看,flexgrid不够顺滑。
我这里调查下原因和解决方法,然后给你回复。
很抱歉给你带来的不便。
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
qijipp
注册会员   /  发表于:2016-7-22 15:19:12
10#
Alice 发表于 2016-7-22 15:10
我看了下,动画效果实现出来很炫。
可以看出来之前项目经验很丰富。

非常感谢^_^   持续关注~
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部