页面shell.showPage跳转的时候,先预加载页面,等页面预加载完成后再跳转!
1. 可以先调用shell.loadPage() 预加载这个页面!等会儿再shell.showPage跳转 比如仿淘宝:list页面先调用 justep.Shell.loadPage("detail"); 2. 如果是点击后立即跳转页面的! 可以判断是否所有请求都执行完了 http://docs.wex5.com/wex5-ui-question-list-2090 保证打开的页面预加载完了再跳转
1. 可以先调用shell.loadPage() 预加载这个页面!等会儿再shell.showPage跳转 比如仿淘宝:list页面先调用 justep.Shell.loadPage("detail"); 2. 如果是点击后立即跳转页面的! 可以判断是否所有请求都执行完了 http://docs.wex5.com/wex5-ui-question-list-2090 保证打开的页面预加载完了再跳转
案例再此!直接点击下载,解压,拷贝在UI2某个目录下就可以运行了! dialog 我是根据BeX5 功能:/UI2/system/components/justep/org/dialog/orgDialog.w 进行简化和修改!简单的实现了这个能力!,您也可以根据案例源码自行完善
1.修改页面资源后!一定要保存文件!studio 中的文件只有保存了才能生效! 2.必须是调试模式运行(启动WeX5运行平台(调试模式).bat)或者studio 中启动tomcat才可以立即生效! 3.如果是启动的正式服务器 : 启动WeX5运行平台.bat 需要修改版本号,并重启服务才能生效! conf\server.xml
主要代码如下:获取Breadcrumb组件对象!在获取当前点击过的所有行对象的即可! Model.prototype.button1Click = function(event){ //获取Breadcrumb 组件对象 var bread = this.comp("tree1").getBar(); //获取所有父的行对象 和 当前行对象 数组 集合 var aa = bread.getDatas(); for(var i=0;i<aa.length;i++){ //所有行对象的lable(导航栏值) aa[i].label; } };
可以自己浏览器地址栏 请求一下这个URL :http://pv.sohu.com/cityjson?ie=utf-8 返回结果是: var returnCitySN = {"cip": "123.122.235.152", "cid": "110000", "cname": "北京市"}; 通过以下方法就能获取js的变量returnCitySN的值! var city = $.getScript('http://pv.sohu.com/cityjson?ie=utf-8').done(function() { debugger;//js代码已经初始化过了 userIP = returnCitySN["cip"]; });
1.后端排序,data.setOrderBy('字段',1或0) OrderBy的类型0:DESC/1:ASC,为null时清空对应关系的排序 baasData 和标准的queryAction数据交互, 可以直接这样使用! data组件,后台如果是自定义action,需要将排序参数传递到后台,自己拼接sql语句实现 2.前端排序 this.comp('mainData').sort(function(row1,row2){ return row1.val('fage')>row2.val('fage')?1:-1; }); 方法的详细介绍,都可以查API文档
1.style属性的display 被隐藏的控件不再占用显示时占用的位置 this.getElementByXid('domXid').style.display="none"; this.getElementByXid('domXid').style.display="block"; 2.“visibility”隐藏的控件仅仅是将控件设置成不可见了,控件仍然占俱原来的位置。 this.getElementByXid('domXid').style.visibility="hidden"; this.getElementByXid('domXid').style.visibility="visible""; 3.通过jquery 进行控制显示隐藏 $(this.getElementByXid('domXid')).hide(); // 隐藏 $(this.getElementByXid('domXid')).show(); // 显示 4.通过bind-visible 绑定KO对象或data组件字段控制隐藏,隐藏后dom节点实际还在 http://doc.wex5.com/data-bind-visible/ 5.通过bind-if 绑定KO对象或data组件字段控制隐藏,隐藏后dom节点已经不存在了,用法和bind-visible是一样的! 不过注意的是:bind-if 控制的是当前dom节点下的子节点的存在与否(不包含当前节点),而bind-visible 是控制当前节点下的所有元素的隐藏的(包含当前节点)
把 windowDialog 放在一个 div中 !div里面 添加点击事件就可以触发! 在windowDialog 的页面中 使用阻止冒泡 http://docs.wex5.com/wex5-ui-question-list-2024/ 的方式就能避免点击windowDialog 的时候触发外面的 点击! 这样点击外边空白就能关闭了!
list组件 通过设置bind-css 或 bind-style 绑定data组件的字段!显示不同的颜色! http://docs.wex5.com/wex5-ui-question-list-2102 可以接管鼠标 进入和 离开的事件! 通过修改当前行data组件字段的值!控制颜色的显示 http://docs.wex5.com/wex5-ui-question-list-2019/
WeX5开发的应用一般都是单页应用! 分享URL的时候!会把这个index.w 门户页分享出去! 但是有些情况下,用户只想把某个页面判断分享出去!给其他人看!而不希望整个应用的URL分享出去!,如何获取这个页面判断的URL呢? 解决方法: window.location.host + require.toUrl('$UI/demo/taobao/list.w') + "?id=123" 这个页面判断里面获取参数的代码就是 this.getContext().getRequestParameter('id');