调用data刷新,scrollView显示加载到最后,无法下拉加载数据

如果是自己接管scrollView的下拉事件,调用了data.refreshData() 可能会出现scrollView无法自动更改为:继续上划加载数据 这个时候,不要直接调用data.refreshData() ,可以通过调用list的刷新触发data刷新来实现,这个时候list和data都会刷新,并且scrollView显示正常 代码是: this.comp('list').refresh(true); 参数true表示更新data数据,信息接收请看API

list显示图片,如果数据库中某行这个字段值为空时,显示默认图片

1.lsit图片绑定方法 在img标签的bind-attr-src属性绑定一个js方法,并把当前行对象 或 当前行图片字段的值传过去 比如案例:/UI2/system/components/justep/list/demo/news.w 中的写法: $model.getImageUrl($object) Model.prototype.getImageUrl = function(row) { //debugger; if (!row.val('fImage')){ return '固定地址的url,或空字符串'; } return require.toUrl(row.val('fImage')); }; 2.图片太多渲染慢的解决方法 你可以在img标签里 设置一个静态的src属性,指定一个固定图片的URL(作为图片预览) 图片显示的时候会先显示预览图片,等等图片下载完后会切换回真实图片

shell跳转到另一个页面时关闭当前页

1. 参考:/UI2/demo/page/index.js 定义单页应用 window.shell=new ShellImpl 在其他页面中调用关闭当前页,并且跳转到新的页面,执行代码是: window.shell.closePage('',null,"p2"); p2表示打开新页的URL(shellImp映射中写了P2的URL定义) p2: { url: require.toUrl("./interactive/page2.w") } 也可以直接写成: window.shell.closePage('',null,require.toUrl("./interactive/page2.w")); 建议shell.showPage打开的页面都做映射,URL会比较短一些! 2.点击事件中写如下代码!先使用showPage跳转(可以传参),跳转完了再关闭当前页面 Model.prototype.button2Click = function(event){ var me = this; justep.Shell.showPage('p2').done(function(){ me.close(); }); }; [...]

buttongrounp对应contents组件切换时,速度快点就无效

buttongrounp中的button按钮全是代码动态生成,对应的contents中的content也是代码动态生成。 发现在快读点击button的时候,content就会死掉不动; 调试发现,能够感应到button的click时间,但是content的to时间不执行。 解决方案:设置contents组件的slidable属性为false,即取消切换特效。再次快速点击就正常切换,永远不死掉

WindowContainer 延迟加载

WindowContainer 组件的autoLoad 设置为false , contents切换的时候判断是否是当前的content,如果是就调用 windowContainer 组件的 load() 方法,可以参考:/UI2/demo/taobao/main.w    contents组件的绑定方法 contents2ActiveChange 实现! 如果只需要加载一次,可以通过WindowContainer ._isFirst 判断是否已经加载过了!可以避免重复加载!

scrollView 局部显示问题

scrollView  组件就是放在可以滚动的节点中的!如果你的col 或 div 高度是固定的,并且有滚动条,就可以放置scrollView组件 如果高度不是固定的,row 和col 肯定是不能使用scrollView组件的! div中当然还可以设置flex 布局 你可以(3.3版本中) 参考下这个文件中:UI2/system/templates/common/mainDataBaas.w 父设置了x-flex x-flex-column 放置scrollView组件的div上设置class属性是: x-flex1  x-scroll-view 这种放置只能在最新的浏览器中起作用 总体来讲就是运行时有固定高度,能出现滚动条的时候才可以放置scrollView组件!

attachmentSimple 组件多张图片同时上传,类型指定,限制大小,长度

var data = this.comp("mainData");//attachmentSimple所绑定的data组件对象 var uploader = this.comp("attachmentSimple1").uploader; $(uploader.inputElement).attr('multiple', 'multiple');//设置uploader中的multiple属性值,可以上传多张图片 //判断只要特定的文件类型可以上传 uploader.on('onFileSelected',function(event){ var fileType = event.file.type; //自己判断fileType,如果不符合条件用cancel为true终止选择文件 if(fileType != "image/jpeg" && fileType != "image/png" && fileType != "image/gif"){ event.cancel = true; justep.Util.hint("请上传图片!"); } //限制大小 [...]