在平台中添加图标

注:看这篇文档之前,可先参考文档:http://docs.wex5.com/custom-icon/ 1.先修改文件IconWebPage.java 如图: 2.修改comp.min.css.xml 如图: 新增: <file>justep/lib/css2/dataControl.icons.css</file> 3.执行dist.bat 因为修改了comp.min.css.xml,所以要重新生成小文件。执行Tools/dist/dist.bat 注:如果修改的java文件不生效,可尝试设置修改的java目录src、dsrc为源码路径

grid 组件 点击事件中获取点击列的值

现象、原因:用户想通过点击事件:onRowClick ,获取到grid组件上点击到列的字段值,如果是获取固定列的值可以通过event.row.val('字段') 获取,如果是获取点击列的值就需要使用如下代码 解决方案:点击事件中写下面的代码 var td = event.domEvent.target; if(td.tagName.toUpperCase()!='TD') td = $(td).closest('td')[0]; $.jgrid.getCellIndex(td);

html5的video标签的使用

平台打包的app如果使用了html5的video标签,视频格式的选择只要满足html5的官方支持即可,如下: 格式 = 视频编码+音频编码 .mp4 = H.264 + AAC .ogg = Theora + Vorbis .webm = VP8 + Vorbis 注:视频的编码格式和音频编码格式可通过播放器右键属性查看,也可上网自行搜索方法查看。下面以暴风影音为例:

日期组件只设置年月(3.4以上版本)

现象、原因: input组件绑定date类型的字段,默认选择是显示年月日的,有些项目需求想只选择年月 解决方案:在input组件所在w对应同名称css文件中,重写覆盖系统默认样式即可 .x-popPicker[type=date] .x-popPicker-content .x-day{ display: none; } .x-popPicker[type=date] .x-popPicker-content .x-year, .x-popPicker[type=date] .x-popPicker-content .x-month{ width: 50%; } 效果对比: input绑定date类型的字段默认显示图 input绑定date类型的字段修改样式后显示图

attachmentSimple组件在安卓中上传不了图片

现象: attachmentSimple组件打包到app中后,在andorid上不能上传图片。 原因: 因为在生成app中,attachmentSimple组件依赖的资源打包不全导致不能上传图片。 解决方案(此问题在V3.5中已经解决): 针对V3.5之前的版本,在/UI2/system/components/justep/uploader/uploader-html5.js的 $ = require('jquery'); 之后, 加入 require('res!./plugins'); 重新打包即可

流程的环节中判断表达式如何取条件的否

判断表达式取否的时候不能用!,需要用not() 案例一:判断是否正在启动流程isStartingProcess() 判断不是正则启动流程: 错误的写法:!isStartingProcess() 正确的写法:not(isStartingProcess()) 案例二:relationValue取值判断不为空值 not(relationValue('DEMO_Order',getProcessData1(),null,null,'fTolotalAmt','/demo/misc/data') = null)

获取当前选中的tab页的xid或者label的值

bootstrap的tabs组件获取选中的tab页的label的值 在onselect事件中 event.tab.select().find("a").attr("content"); event.tab.select().find("a").attr("xid"); event.tab.select().find("a").html(); 不在onselect事件中获取如下: this.comp("tabs1").$domNode.find(".active").children("a").attr("content"); this.comp("tabs1").$domNode.find(".active").children("a").attr("xid"); this.comp("tabs1").$domNode.find(".active").children("a").html(); 平台提供的tabs组件获取选中的tab页 this.comp("tabs1").$domNode.find('.active').attr('xid');

流程的后续环节data中设置的必填规则不会提示的解决方案

在process组件的onBeforeAdvanceQuery事件中中调用data提供的校验方法去强制校验 如下: Model.prototype.processBeforeAdvanceQuery = function(event) {                 var data = this.comp("mainData");                 var isValid = data.isValid(true);                 if (!isValid) {                     event.cancel = true;                         throw new Error(data.getInvalidInfo(true));                 }         };

WeX5集成阿里云旺IM

阿里云旺IM提供了基于H5的SDK,基于这个SDK,可以在WeX5中快速集成阿里云旺IM。 我们来看看一个简单的集成案例:在WeX5中集成阿里云旺IM,实现简单的登录功能,代码如下: define(function(require){ var $ = require("jquery"); var justep = require("$UI/system/lib/justep"); var WSDK = require("https://g.alicdn.com/aliww/??h5.imsdk/2.1.0/scripts/yw/wsdk.js"); //因为wsdk支持AMD规范, 所以可以直接require window.WSDK = WSDK; //把WSDK赋值给全局变量, 因为在wsdk中会使用到, 否则登录会出错 var Model = function(){ this.callParent(); }; Model.prototype.modelLoad = function(event){ var sdk [...]