界面优化——使用延时加载技术

zhaixin · 发表于 2010-12-30 16:20:58

UI中支持延时加载的组件有3类
1、data组件——bizData和data组件
2、view组件——view组件
3、附件组件——attachment组件和attachmentEditor组件
这些组件都有一个属性auto-load，将这个属性设置为false，在需要的时候再加载，可以加快打开功能的速度

1、data组件的加载方法——调用data组件的refreshData方法
例如：justep.xbl('dataMain').refreshData; 其中dataMain是data组件的ID
2、view组件的加载方法——调用load_parts方法
例如：load_parts("view1"); 其中view1是view组件的ID
3、附件组件的加载方法——调用附件组件的setAutoLoad方法
例如：justep.xbl('attachment1').setAutoLoad('true'); 其中attachment1是附件组件的ID

jholy · 发表于 2012-12-6 12:58:58

load_parts = xforms.load_parts

load_parts兼容保留，推荐使用xforms.load_parts

zhaixin · 发表于 2012-12-17 10:00:24

gridSelect组件的auto-load-data属性应该设置为true，对应的data组件的auto-load属性应该设置为false。
如果界面上有很多gridSelect组件，还可以设置delay-create-gird属性为true，来提高界面加载速度

xwnabc · 发表于 2013-1-25 09:27:09

第三个里面的附件组件的setAutoLoad没找到API
这是将附件设置为自动加载并且同时进行加载了吗？

allpower · 发表于 2013-5-17 14:54:35

这个有效。

泡泡 · 发表于 2014-4-18 09:38:04

zhaixin 发表于 2012-12-17 10:00
gridSelect组件的auto-load-data属性应该设置为true，对应的data组件的auto-load属性应该设置为false。
如 ...

按照这个设置，在下拉事件中调用查询的action, 初始化页面的时候倒是不慢了，但是点击下拉的时候很久才出来。这个怎么解决

腹部流出的肉 · 发表于 2014-6-4 11:40:14

本帖最后由腹部流出的肉于 2014-6-4 11:59 编辑

jholy 发表于 2012-12-6 12:58
load_parts = xforms.load_parts

load_parts兼容保留，推荐使用xforms.load_parts

你说的这些API怎么没有看到呢求公布一下

腹部流出的肉 · 发表于 2014-6-4 12:05:10

起步的x5.2.1的API没有看到你们这些方法呀为什么不都提供一个setAutoLoad("true")方法呢而且setAutoLoad() 参数确实字符串 true 就不行吗而且 load_parts("viewID") 这个方法也较奇怪

腹部流出的肉 · 发表于 2014-6-4 12:53:20

1.一开始就加载数据[页面加载完了就加载数据].
2.触发某一个页面事件再加载数据
3.一开始就加载数据，过一段时间再加载[如过5秒]，这个是否能加载速度呢

rzport_qr · 发表于 2014-6-6 09:57:23

貌似挺有用的，先回复MARK一下，留着以后用

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

界面优化——使用延时加载技术

评分