data组件中加载树形结构格式数据的案例

树形数据的案例格式如下 {"rows":[ { "fID":"1","Name":"空调设备1","price":"","fdevice":"","funit":"","mapric":"","fparentID":{}, "rows":[ { "fID":"2","Name":"空调设备2","price":"","fdevice":"","funit":"","mapric":"","fparentID":"1" },{ "fID":"3","Name":"空调设备22","price":"","fdevice":"","funit":"","mapric":"","fparentID":"1" },{ "fID":"4","Name":"空调设备222","price":"","fdevice":"","funit":"","mapric":"","fparentID":"1" } ] } ]} 完整案例如下!下载放在UI2下即可运行。 tree

动态创建HTML节点,在点击事件中获取当前节点对象

关于动态创建组件或者html节点的方法,可参考:http://doc.wex5.com/comp-base/#2.2 创建好html节点!并指定点击事件后!在点击事件中,第一个参数表示的是this对象(model对象)!第二个参数才是标准的点击事件源 可以在方法中指定两个参数!或者使用 arguments[1]  获取这个事件源!然后就可以通过事件源.currentTarget获取dom对象了

calendar如何操作能不进入日程安排

calendar 组件属于第三方组件!如果想做一些特殊的功能,需要自己调试修改代码!这里修改代码实现取消进入日程安排,步骤如下参考, 去掉:/UI2/system/components/justep/calendar.min.js 修改:/UI2/system/components/justep/calendar/js/calendar.js js方法 Calendar.prototype.view = function(view) { 中第一行加一个判断 if(view == 'day'){ return; } 然后重新合并资源:\tools\dist\dist.bat 这个组件是第三方的控件!如果有什么特殊需求 需要自己改源码实现

WeX5 如何使用富文本框

原因: richTextarea 组件是BeX5专用的富文本框组件!因为涉及到文件上传,使用到了文档服务器,所以只能在BeX5中使用!在WeX5中虽然提供了案例!但是并不容易集成在WeX5的项目中使用! 有热心的开发者提供了在WeX5 中使用富文本框的方便用法,可以参考:http://bbs.wex5.com/forum.php?mod=viewthread&tid=95887

微信中设置标题

在微信中设置标题的js代码 var $body = $('body'); document.title = '标题'; // hack在微信等webview中无法修改document.title的情况 var $iframe = $('<iframe src="/favicon.ico"></iframe>'); $iframe.on('load', function() { setTimeout(function() { $iframe.off('load').remove(); }, 0); }).appendTo($body); 或者你直接修改模板文件,自己添加title 标签写死 /UI2/system/components/justep/window/main.html

list组件中获取当前行的组件或dom节点

比如 在点击事件中,获取点击行的button 节点! //获取当前行button的 dom节点 var  buttonDom = $(event.currentTarget).find("a[xid='button']"); //根据dom节点获取组件对象 var buttonObj =  this.comp(buttonDom[0]) 注意:list中生成的组件dom节点有可能会是完全一样的,id 和 xid 都一样,这样就无法获取到的是哪个dom节点了,容易混,所以list下在生成dom节点的时候,建议添加一个自定义属性,通过绑定$index()  ,这样就可以区分dom节点了! 比如:button源码添加一个text 自定义属性 <a bind-attr-test='$index()' component="$UI/system/components/justep/button/button" class="btn btn-default" label="button" xid="button1"> <i xid="i1"></i> <span xid="span1"></span></a> [...]

通过js调用baasServer 自定义action的返回值类型和接收数据的写法

可以参考 外卖案例中 使用Baas.sendRequest( 这样的格式去访问那个自定义的action 在success 回调中获取到json数据,然后执行loadData 方法把数据加载到data组件中! 比如案例:/UI2/demo/takeoutAdmin/statistics.js justep.Baas.sendRequest({                         "url" : "/takeoutAdmin/order",                     [...]

list横向滚动样式

<div component="$UI/system/components/justep/list/list"     class="x-list x-scroll-h" data="newsData" style="overflow-x:auto;">   <div class="x-list-template" style="width: 2500px;">      <img src="" alt="" bind-attr-src="$model.getImageUrl($object)"/>   </div> </div> 关键点: 1、如果放在contents组件内需要增加class=x-scroll-h才能横向滚动 2、设置出滚动条的层style="overflow-x:auto;" 3、设置有图片的容器固定宽度 案例:demo