Extjs6.2 横向滚动条移到最右边时,动态改变列之后出现数据错位

这是动态改变列之前的:
在这里插入图片描述
这是bug出现:
在这里插入图片描述
通过打勾复选框来动态改变列。但是把横向滚动条拉到最右边再去动态改变列,就会出现这种数据错位的情况。

解决思路:
如果你再出现错位的情况下再拖到一下横向滚动条,那么位置就会正常了。
所以我们只要稍微改变一个横向滚动条的位置就可以了。

代码示例:

				listeners : {
					change : function(t, newV, oldV) {
						var col = me.finGrid.columns;
						for (var j = 0; j < col.length; j++) {
							if (this.rawValue == true) {
								if (['employee_name']
										.indexOf(me.finGrid.columns[j].dataIndex) > -1) {
									me.finGrid.columns[j].setVisible(true);
									//解决横向滚动条移到最右边时,显示列之后出现数据错位的bug。
									me.finGrid.getView().getEl().dom.scrollLeft = me.finGrid.getView().getEl().dom.scrollLeft + 1
								}
							}
							if (this.rawValue == false) {
								if (['employee_name']
										.indexOf(me.finGrid.columns[j].dataIndex) > -1) {
									me.finGrid.columns[j].setVisible(false);
								}
							}
						}
					}
				}

通过grid.getView().getEl().dom.scrollLeft 获取横向滚动条已经移动的长度,
那么我们只要增加1的长度就实现了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

燕長亭

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值