如何让windowContainer延迟加载

大苏-3区

在官网上找到如下：
延迟加载非首屏内容

对于非首屏的内容，可以延迟加载，从而减少前后端的运算，提升运行性能。例如非首屏的windowContainer组件，可以设置autoLoad属性为false，在切换到windowContainer区域时，调用windowContainer组件的load方法加载。

按照说明设置了autoload = false, 但是好像没有生效，请问有没有相关的案例参考？

我的代码：
//动态增加Content
                        var newContent = self.comp('contents').add({xid : "newContent"+param.row.val('id')});
                        var windowCon1 = new WindowContainer({
                                parentNode : newContent.domNode,
                                src : require.toUrl(url),
                                autoLoad: false,
                                onLoadError: function(err){
                                        alert("加载出错")
                                        err.cancel = false;
                                }
                        });
                        if(newContent.getIndex()!=0)
                                windowCon1.autoLoad = false;

liangyongfei

可以看下组件源码的buildTemplate 方法， 根本没有autoLoad 属性的设置！你可以先new 出WindowContainer 后，再使用js动态修改autoLoad 的值！

windowCon1.autoLoad = true;
或者windowCon1.set('autoLoad',true)
试试是否起作用！

大苏-3区

采用下面的写法就可以延迟加载了：
var windowCon1 = new WindowContainer({
                                parentNode : newContent.domNode,
                                // src : require.toUrl(url), // 地址一定要在后面代码给出，如果这个给了就是自动加载
                                //autoLoad: false,  //这个地方设置无效，而且此属性好像没有起到应有的控制作用
                                onLoadError: function(err){
                                        alert("加载出错")
                                        err.cancel = false;
                                }
                        });
windowCon1.setSrc(require.toUrl(url));
windowCon1.refresh() ；// 或者调用 windowCon1.load(); 页面就可以加载了


Tips：可以根据 windowCon1._isFirst 来判断是否加载过了，避免重复调用 windowCon1.refresh()


问题已经解决，可以结贴！