attachment组件上传的图片怎么用轮播展示

attachment组件上传的图片默认是一个一个点击的时候显示原图查看，如果要用轮播的方式默认就实现所有的原图，可以参考如下： 本例展现了data中一条记录中attachment组件上传的图片 1.在.w中需要展现轮播的区域放carousel组件,需要注意的是把组件中contents下默认生成的content删除 <div component="$UI/system/components/bootstrap/carousel/carousel" class="x-carousel" xid="carousel1" auto="false" style="height:300px;width:300px;"> <ol class="carousel-indicators" xid="ol1"/> <div class="x-contents carousel-inner" role="listbox" component="$UI/system/components/justep/contents/contents" active="0" slidable="true" wrap="true" swipe="true" routable="false" xid="contents1" style="height:300px;"></div> </div> 2.js中获取到数据，进行处理给轮播组件显示 var data = this.comp("bizData1"); var carousel [...]

By |6月 26th, 2017|BeX5常见问题, 前端常见问题|0 条评论
阅读更多

jquery的messager插件中如何显示data中数据以及调用model中的js方法

页面中需要在右下角弹出提示信息需要用jquery的messager插件，参考http://docs.wex5.com/prompt-message/ show方法弹出的信息可以用html标签组成，那么标签中就可以写事件 如果标签中要显示data中数据，并且在事件要调用model中的js方法以及传data中做参数，参考如下： 本例是遍历data中的数据，在messagr中显示数据fName的值，并且在a标签的click事件中调用model下的方法并把data中的rowid做参数传递过去 Model.prototype.button35Click = function(event) { var data = this.comp("data5"); var message = ""; //遍历data拼接要显示的信息，a标签中定义的class要唯一，方便后面给标签绑定事件， //rowid是自定义属性后面的click中会获取到属性值做参数传给model的js方法 data.each(function(option){ message += "<p><span>"+option.row.val("fName")+"</span><a class='messagerA' rowid='"+option.row.getID()+"'>详情</a></p>" }); $.messager.lays(500, 300); $.messager.anim('show', 1000); var self = this; $.messager.show("<font [...]

By |6月 22nd, 2017|BeX5常见问题, 前端常见问题|0 条评论
阅读更多

orgDialogPC多选时设置右侧默认选择的值

orgDialogPC多选时右侧默认显示的是选择的值，某些情况下需要在打开时设置默认选择的值，可以open的时候设置参数实现 如下： var orgData = this.comp("bizData7"); orgData.setFilter("filer1","SA_OPOrg.sFCode in ('/JUSTEP/0011','/JUSTEP/000015','/001')"); orgData.refreshData(); var rows = [];//定义一个空数组 orgData.each(function(options){ rows.push(options.row);//把要默认选择的行数据放到rows }); this.comp("orgDialogPC1").open({"data" :{ selected : rows//设置默认选择rows中数据 }});

By |6月 21st, 2017|BeX5常见问题, 前端常见问题|0 条评论
阅读更多

exportExcel组件导出时如何动态设置导出的列

exportExcel组件可以设置导出data中的数据，组件默认提供的relations属性可以设置导出哪些列的数据 这个属性设置的是每次导出的列都是一样的，如果需要动态控制根据不同的判断导出的列不同可以在exportExcel组件的onBeforeExport事件中设置 如下： Model.prototype.exportExcel1BeforeExport = function(event) { event.source._relationWidths = null; if (this.i == 0) { event.source.relations = "fName:,fCode:"; this.i++; } else{ event.source.relations = "fName:"; } }; event.source.relations设置的就是要导出的列

By |6月 20th, 2017|BeX5常见问题, 前端常见问题|0 条评论
阅读更多

数据库存的是数字，grid或者dataTables如何设置显示具有实际意义的中文信息

数据库中存的是数字，grid或者dataTables中显示的时候要显示具有实际意义的中文信息时可以参考下面的方案 本例中是数据库中存0或者1，页面中显示男或女 方案一：在ksql中定义自定义关系设置case when ，前端直接显示自定义关系的值 select AP_XSXB .*,(case when AP_XSXB.fXB = '0' then '男' when AP_XSXB.fXB = '1 then '女‘ else ‘’ end As sex) as custom1 from AP_XSXB AP_XSXB 方案二：在grid或者dataTables的onCellRender中设置 Model.prototype.grid1CellRender [...]

By |6月 12th, 2017|BeX5常见问题, 前端常见问题|0 条评论
阅读更多

简单的问卷调查列表

之前的问卷调查都是一页显示一条数据，本例中是一页显示多条数据 共有两个data分别Question(问题)、Option（选项） 定义如下： <div component="$UI/system/components/justep/data/data" autoLoad="true" xid="Question" idColumn="fID"> <column label="ID" name="fID" type="String" xid="xid4"/> <column label="键" name="fBatch" type="String" xid="xid5"/> <column label="问题" name="fName" type="String" xid="xid6"/> <column label="类型" name="fType" type="String" xid="xid7"/> <data xid="default2">[{"fID":"20160529001","fBatch":"20160529","fName":"您是从哪里来参加本次开发者活动的？","fType":"单选"},{"fID":"20160529002","fBatch":"20160529","fName":"你是首次接触到WeX5吗？","fType":"单选"},{"fID":"20160529003","fBatch":"201605291","fName":"你参加本次活动的目的是：","fType":"多选"}]</data> <column label="答案" name="fAnswer" type="String" [...]

By |6月 8th, 2017|BeX5常见问题, 前端常见问题|0 条评论
阅读更多

多个环节and合并时如何判断是and的最后一个环节

多个环节and合并时有些操作是需要最后一个环节流转时才执行，可以在onAfterAdvaneQuery或者onAfterAdvance中判断是否是and的最后一个环节 本案例中是在首页的.w中process组件事件和process文件中的全局的事件中判断的，当然也可以在and合并的几个环节的.w中process组件的事件或process文件中and合并的几个环节上的事件中判断，只是需要写多次比较麻烦 流程图下：活动环节5和活动环节6通过and合并（多个环节直接输出都一个环节默认就是and，也可以在活动环节7上面加一个and） .w中process组件的事件中处理如下： Model.prototype.processAfterAdvanceQuery = function(event){ var context = this.getContext(); var activity = context.getActivity();//如果按照activitylabel判断可以用context.getActivityLabel(); if(activity == "businessActivity6" || activity == "businessActivity5"){ var processControl = event.processControl;//获取ProcessControl var flowTos = processControl.getToItems(); if(flowTos.length>0){////判断是否有flowTos alert("onAfterAdvanceQuery事件中and前的最后一个环节"); } } [...]

By |6月 6th, 2017|BeX5常见问题, 流程常见问题|0 条评论
阅读更多

多人顺序或者同时处理时如何判断是最后一个人处理

同一个环节在多人顺序或者同时处理时有些操作是需要最后一个人处理时才执行的，那么就需要判断一下是否最后一个人处理 可以在onAfterAdvaneQuery或者onAfterAdvance中做判断 前端可以在process组件的事件中处理如下： Model.prototype.processAfterAdvance = function(event){ var processControl = event.processControl; var flowTos = processControl.getToItems(); if(flowTos.length>0){//判断是最后一个人处理 alert("onAfterAdvance最后一个人处理"); } }; Model.prototype.processAfterAdvanceQuery = function(event){ var processControl = event.processControl; var flowTos = processControl.getToItems(); if(flowTos.length>0){//判断是最后一个人处理 alert("AfterAdvanceQuery最后一个人处理"); } }; [...]

By |6月 2nd, 2017|BeX5常见问题, 流程常见问题|0 条评论
阅读更多

attachmentSimple控制只能上传一个文件，再上传提示是否替换

attachmentSimple组件默认没有提供设置上传个数的控制，如果需要控制，可以获取到组件上的uploader，在uploader上绑定事件onFileSelected进行控制 获取uploader参考： var attachmentSimple = this.comp("attachmentSimple3") var uploader = attachmentSimple.uploader; 给uploader绑定onFileSelected参考： uploader.on('onFileSelected',function(event){ }); 控制只能上传一个文件，再上传提示是否替换可以在model的onLoad事件中如下实现： Model.prototype.modelLoad = function(event) { var attachmentSimple = this.comp("attachmentSimple3") var uploader = attachmentSimple.uploader; var data = this.comp("mainData"); [...]

By |6月 1st, 2017|BeX5常见问题, 前端常见问题|0 条评论
阅读更多

如何用代码控制流转跳转到指定环节

在某些情况下可能需要判断不同的数据跳转到不同的环节可以用条件环节或者条件分支 如果条件环节或者条件分支都不满足需求可以在onAfterAdvanceQuery事件中通过修改ProcessControl控制flowTo实现 如下是在活动环节2的onAfterAdvanceQuery事件中通过修改ProcessControl直接跳转到环节环节4 public static void businessActivity2AfterAdvanceQuery() { ProcessControl control = (ProcessControl) ContextHelper.getActionContext().getActionResult(); // 删除原来的后续环节 if (control.hasFlowTo()) { control.clearFlowTo(); } // 把businessActivity4创建为ProcessControl的可运行环节 String activityId = CommonUtils.createGUID(); RunnableActivity rn = new RunnableActivity("businessActivity4", "true", "true", "活动环节4", [...]

By |5月 31st, 2017|BeX5常见问题, 流程常见问题|0 条评论
阅读更多
Toggle Sliding Bar Area