picCut案例指定图片的类型!
原因:picCut案例:/UI2/demo/picCut/index.w 设置不同分辨率的尺寸上传后,图片变形! 解决方案: 根据图片的真实类型设置: /UI2/demo/picCut/mainActivity.js 代码:var data = result.toDataURL(); 设置为相应类型,比如图片是jpg 格式 var data = result.toDataURL('image/jpeg'); 默认的编码格式是 image/png
原因:picCut案例:/UI2/demo/picCut/index.w 设置不同分辨率的尺寸上传后,图片变形! 解决方案: 根据图片的真实类型设置: /UI2/demo/picCut/mainActivity.js 代码:var data = result.toDataURL(); 设置为相应类型,比如图片是jpg 格式 var data = result.toDataURL('image/jpeg'); 默认的编码格式是 image/png
1.树形显示延迟加载,首先data组件要设置isTree属性为true, treeOption 下的属性设置 delayLoad="true" 2.grid左侧的三角,在树形显示中,如果是叶子节点,则不显示,这个需要设置属性:nodeKindRelation="isLave" 其中isLave是data组件中定义一个字段, nodeKindRelation对应字段的值等于Data.NODE_KIND_LEAF = "nkLeaf",认为就是叶子节点 所以,如果您的数据,如果当前行是叶子节点,只需要将isLave赋值为nkLeaf 即可!
原因:当一个页面使用了多个panel组件的时候,比如仿淘宝案例,某些手机(例如华为),会出现显示异常 解决方法: 在panel 的 class属性上加上 x-panel 就可以了!
如图,设置好模板后,js中输入 dialogopen 按 ctrl+/ 就可以生成这一段js代码了
1. 如果是所有的都修改就修改/UI2/system/resources/system.res.js中的 v.JUSTEP231080='{"code":"JUSTEP231080", "message":"取消"}'; /UI2/system/resources/src/com/justep/ui/system/UISystemMessages.properties 修改 JUSTEP191079=确定 为 JUSTEP191079=yes 两个配置文件都有作用,对于静态组件和动态组件不同情况不同配置生效 http://docs.wex5.com/%E4%BF%AE%E6%94%B9%E7%B3%BB%E7%BB%9F%E6%8F%90%E7%A4%BA%E4%BF%A1%E6%81%AF/ 2. 如果要修改某个功能的,可以自己在.w中通过jquery获取到它的dom节点 <a class="x-modal-button x-modal-button-bold Cancel cBZZVb2" value="cancel" __cid="cBZZVb2">取消</a> 通过dom操作去设置html("忽略") 比如代码: $('.x-modal-button.x-modal-button-bold.OK')[0].innerText = 'yes'; 3.修改显示的样式,比如高度,颜色等 自己调试。在css中覆盖系统自带的样式即可!比如css写如下代码就能控制显示!剩下的就是自己调 .x-modal-inner { padding: [...]
一般情况,grid 或 dataTables组件绑定data组件后,data中数据变化后,会自动感知页面自动变化的,如果没有生效,可以清理下组件的缓存 //清理dataTables this.comp('dataTables1Xid').clear(); //刷新grid this.comp('gridXid').refresh(); 如果是滚动条问题 可以 重新渲染整个页面 $(window).trigger("resize");
原因:通过baas或 ajax请求访问数据的时候,希望出现遮罩,数据加载完后取消遮罩。,这样做可以给用户友好提示和 放置重复多次发送请求,但是在ajax同步请求的时候,遮罩是不能显示的,因为浏览器渲染是同步的,会一直等待请求完成后才会渲染页面!! 解决方法: 如果想使用遮罩,那么ajax请求数据必须是异步操作,详细原因:http://www.stepday.com/topic/?944
1.touch.js插件只是用来捕获touch事件,捕获到之后要做什么操作由我们自己来决定。这样就可以进行放大缩小后图片的拖拽,进而可以看到放大后的全图。以下是代码: 参考案例:UI2\system\components\justep\touch\demo\touchjs Model.prototype.pinch = function(event) { var me = this; var id = this.getIDByXID('pinch'); var posData = me.comp("posData"); var target = document.getElementById(id); touch.on('#' + id, 'touchstart', function(ev) { ev.target = target; }); var initialScale [...]
1.案例: justep.Util.hint('test', { "type" : "info", "delay" : 1000000, "position" : "middle", "style" : "background-image : -webkit-linear-gradient(top, #EF0A69 0, #EF0A69 100%);"//只需要把 #EF0A69 改成其他颜色即可 }); 更详细的用法请查看API 2.F12 调试它的样式,然后重写css样式实现,比如 .x-hint{ font-size:28px; color:blue; } [...]
radio 组件表示单选按钮,bind-ref可以绑定一个data字段,checkedValue 表示选中时给这个data字段赋的值,uncheckedValue 表示取消选中时给这个data字段赋的值,如图: 多个radio 组件绑定同一个data字段!(注意,所有radio组件的name必须一样),这个时候每个radio 设置一个checkedValue属性的值,选中哪个radio ,就会把这个值赋值给data组件字段,从而使用多个radio 的配合实现单选的能力。 一般情况,如果选项是一个表里面的多个字段,就可以使用这种方式,每个radio对应一个字段 如果选项是一个表里面某个字段的集合!那就建议使用radioGroup组件实现了!(表设计应该使用这种方式,更合理,推荐使用radioGroup)