判断popOver组件是否显示或隐藏
直接上代码 <pre>this.comp('popOverXid').$domNode.is(':visible')
直接上代码 <pre>this.comp('popOverXid').$domNode.is(':visible')
在list的点击事件中获取当前行的dom节点,可以参考http://docs.wex5.com/wex5-ui-question-list-2061 然后通过popMenu.set({'anchor':dom});就可以指定在当前的dom节点周围显示popOver 比如在button的点击事件中弹出popMenu,代码如下 var pop = this.comp("popMenu"); var dom = event.source.domNode; pop.set({'anchor':dom}); pop.show();
index.w 页面中定义好 shellImp 单页应用, 在index.w中contents组件的 content 删除掉,(保证contents下没有content,不要静态主主页,页面全部使用js动态调整) 代码实现代码思路如下 Model.prototype.modelLoad = function(event){ var page = window.location.href.split('#!')[1] if(page){ justep.Shell.showPage(page); }else{ justep.Shell.showPage('main'); } }; 判断URL中是否有指定页面,如果有就直接跳转过去,如果没有就跳转到主页mian.w
1.修改 :/UI2/system/components/justep/loadingBar/loadingBar.js 屏蔽这行代码: //$("<div id='x-default-loadingbar' loadingnum = '0' class='waiting'><dt/><dd/></div>").appendTo('body'); 或者 修改 start 和 stop 方法体不执行即可(return 或者 注释代码) 2.重新合并js资源 ,执行\tools\dist\dist.bat
1.grid onCellRender 事件中重现渲染当前的dom节点,参考http://doc.wex5.com/comps-datatables-grid/#5.3 2.使用commonExtendTypes 组件,然后在data上右键,设置扩展数据类型,目前只支持两种boolean和emaile, 后面会再扩展的 源码在这里:/UI2/system/components/justep/extendType/commonExtendTypes.reg.js 可以看到配置为sys.boolean的类型。默认会使用checkBox { "name" : "sys.boolean", "dataType" : "", "editor" : "$UI/system/components/justep/button/checkbox" }, 如图设置,给相应的字段设置为boolean类型,就可以grid当前字段对应列上放置checkBox组件了![/fusion_text]
动态绑定foreach的使用http://docs.wex5.com/data-bind-foreach/ 原生的当前行数据是 $data 在wex5中请换成$object 原始的变量定义 months= ['Jan', 'Feb', 'Mar', 'etc'] 在weX5中请使用 this.months= ['Jan', 'Feb', 'Mar', 'etc']
在一个拥有data组件定义,或者baasData组件定义的案例中,找到它编译后的资源js文件,里面就有动态生成data组件的代码!可以拷贝出来,根据根式改成自己想要的! 比如:UI2\demo\baas\simpleData\.cache\index\index.w.view__zh_CN_Mobile_.js 如下案例,可以设置字段以及规则的动态生成 Model.prototype.button1Click = function(event){ new Data(this, { xid : 'mainData',// 和this.mainData一致 defCols : { sID : { type : 'String', label : 'ID' }, sName : { type : 'String', label : [...]
可以通过修改代码 /UI2/system/components/justep/attachment/attachmentSimple.js 方法previewOrRemoveItem 屏蔽这一行 this.downloadFile(realFileName,storeFileName,ownerID); 然后重新执行\tools\dist\dist.bat合并资源即可
案例参考:/UI2/system/components/justep/list/demo/list.w 第三个页面,如图设置: 在class属性为 x-list-template 的节点下设置样式,表示不同分辨率下,一行显示几列数据,关于class的介绍案例可以参考:/UI2/system/components/bootstrap/row/demo/grid.w 设置12的最大公约数即可!(表示一共12份,每列占几份)
父子页面分为两种, 1.windowDialog 是弹出的子页面, 2.windowContainer 是内嵌的子页面! 在子页面中获取父页面的model对象 this.getParent() 或者 this.getParentModel() 可以获取到父页面的model对象,然后就可以访问父页面任意的方法和属性。直接操作父页面 在父页面中,也可以通过this.comp('windowContainer 或者 windowDialog 的Xid').getInnerModel() 获取子页面的model对象!然后直接操作子页面! (注意:子页面必须加载过了才可以调用,否则或报错的!可以先判断 if(windowDialog.getInnerModel()) { //子页面已经初始化了,可以执行代码 }else{ //子页面还没有初始化 } ) 当然。也可以在打开子页面的时候,将父页面的对象直接传参过去(任意)!接受到参数可以直接操参数,因为是单页应用,所以代码的运行环境是一致的!