移动端单据列表无法滚动，不能上滑加载更多数据，并且出现多个滚动条问题原创
前端&控件
金蝶云社区-吴锐雄
吴锐雄
5人赞赏了该文章 952次浏览 未经作者许可，禁止转载编辑于2023年02月09日 17:16:12


问题现象

如下图，单据列表无法滚动，不能上滑加载更多数据，并且在右侧出现了多个滚动条

image.png


当前设计器入下图：

image.png


解决方案

设置卡片布局容器，设置固定高度，调整压缩比例为0。


1.设置卡片布局容器压缩比例为0

image.png


2.调整卡片行的压缩比例

image.png


3.设置几个控件的压缩比例为0

image.png


4.单据列表扩展属性设置为1，并且设置一个高度值。

image.png


效果

可以滑动，并且右侧边栏也不会出现多个滚动条了

image.png


调整界面

上述界面由于设置了压缩比例，所以所有的控件都挤到一起，界面不美观。

做出以下调整：

  1. 调整背景色

  2. 调整内外边距

  3. 增加圆角

  4. 设置固定高度

image.png

image.png



最终效果如下：

image.png


注意事项

如果设置了单据列表的分页条数为5，如果5行卡片不能填充满整个列表界面，会导致列表界面无法滑动。

解决方案是 设置分页条数为20即可，因为移动端与PC端不同，没有分页工具栏，加载更多数据是通过上滑到底部来完成的，所以分页条数设置多少其实并无影响。

image.png


赞 5

推荐阅读

移动端单据体上滑无法加载更多数据

问题描述 移动端单据体上滑无法加载更多数据。 解决方法 原因分析： 苍穹的 上滑 加载更多是自带的功能，单据体和单据列表只要还有更多数据，上滑就会加载更多数据。 …

    知识

    642

移动端单据列表自定义显示数据

背景：移动端没有单据体控件，想通过单据列表实现自定义列表取数回显数据，并且能实现页签点击刷新效果 -->最初阶段因为使用了单据列表控件画前端时，绑定了一个临时表 …

    文章

    1,137

移动端单据列表插件-数据模型

1 插件介绍 参考[链接]标准单据列表插件-数据模型 。

    知识

    1,667