list中每一行点击,在当前行弹出popMenu组件

在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();

单页应用中URL直接打开某个页面,不要先进行主页渲染再跳转

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

grid列中显示checkBox等组件的方法

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]

data,baasData 等数据组件动态生成

在一个拥有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 : [...]

list组件横向显示多行,自适应宽度

案例参考:/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{ //子页面还没有初始化 } ) 当然。也可以在打开子页面的时候,将父页面的对象直接传参过去(任意)!接受到参数可以直接操参数,因为是单页应用,所以代码的运行环境是一致的!