sapui5 - 定位 sap.m.list

标签 sapui5

我想从 sap.m.list 中创建一个类似 Twitter 的流,因此当我使用 pulltorefresh 控件获取更多数据时,我想用额外的行更新列表,但不应该移动列表,并隐藏直到用户向下滚动列表。 执行此操作的任何标准方法,或者自定义 CSS/JS 推荐的执行此操作的方法?

谢谢, 马特

最佳答案

这里不需要下拉到 jQuery,因为 OpenUI5 已经包含了很棒的 iScroll图书馆。 我刚刚设置了一个测试应用程序供您查看:https://github.com/js1972/ui5_pull_to_refresh .

克隆这个;检查自述文件;然后只需运行 grunt serve 即可在默认浏览器中打开该应用程序。您可以使用 Chrome 开发工具来模拟 iphone 或 android 等。

我认为这可以满足您的需求 - 它的工作方式与 GMail 移动应用程序一样。您下拉以刷新项目,在刷新结束时您仍然看到相同的项目,但现在可以向上滚动以查看新项目。

如果您有上千个项目,那么查看性能将会很有趣...iScroll 为您提供了一些可能有帮助的播放设置(UI5 SDK 中未讨论)。

浏览器滚动需要注意的一件事是绘制时间。如果浏览器没有 100% 完成绘制,那么 iScroll 无法计算它需要的所有元素尺寸,你会得到奇怪的结果——通常只是没有滚动。有时您只需要通过将内容包装在 setTimeout(scroll_stuff, 0) 中来给浏览器一点时间。

希望这有助于...

关于sapui5 - 定位 sap.m.list,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22451180/

相关文章:

javascript - 在 OpenUI5 中运行时创建按钮

javascript - SAPUI5 图标大小和颜色的变化

javascript - Launchpad 标题后退按钮的事件处理程序

javascript - 添加到数组 javascript

javascript - sap.m.PlanningCalendar : How to hide or skip weekends

scroll - 将表格水平滚动附加到父容器(sapui5)

javascript - SAPUI5控件不显示

javascript - UI5 需要文件,这些文件已捆绑到 Component-preload.js 中

view - SAPUI5 添加自定义数据到 xmlView

javascript - 如何在 SAPUI5 上检索字段值