input关联的关系是DateTime或Time类型时选择日期或时间后要点击确定按钮才会关闭日期选择框 如果要实现给Date类型的选择一样的效果点击日期就关闭，参考如下 /UI2/system/components/justep/input/js/datePickerPC.js中 把 if (cal.type != DatePicker.ONLY_DATE) cal.refresh(); 修改为： if (cal.type != DatePicker.ONLY_DATE){ cal.refresh(); enterHandler(); } 注意： 修改组件的js文件参考http://docs.wex5.com/bex5-ui-question-list-10013/
从功能树中打开功能显示的标题默认是XXX.function.xml中配置的label的值 如果要动态设置,可以在打开功能的model的onload事件中设置，参考如下： pc3门户 $(".content-header").children("h1").html("XXX"); pc2门户 $($(".x-portal-func-tabs").children("li.active").find("span").first()).html("XXX"); pc门户 $(".page-title").html("XXX");
平台提供的attachment相关的附件组件，点击加上弹出上传对话框的实现是用的按钮绑定的Uploader实现的 Uploader中使用html的input(file)实现的，因此js中要打开上传对话框，可以通过获取带input，调用input的click实现 参考如下: var atID = this.getIDByXID("attachmentPC1"); $("#"+atID+" .x-item-upload").find("input").click(); attachmentPC1是附件组件的xid
attachmentSimple组件上传的文件如果需要列表显示展现，参考如下修改： 使用的时候可以直接赋值到自己的.w中，然后把bind-ref改为自己的关系即可 <div component="$UI/system/components/justep/attachment/attachmentSimple" actionUrl="$UI/system/service/doc/common/simpleFileStore.j" xid="attachmentSimple4" bind-ref="$model.mainData.ref("fFJ")"> <div class="x-attachment" xid="div48"> <div class="x-attachment-content x-card-border" xid="div49"> <div class="x-doc-process" xid="div50"> <div class="progress-bar x-doc-process-bar" role="progressbar" style="width:0%;" xid="progressBar4"/> </div> <table> <tr> <td style="padding:8px;">附件</td> <td> <div class="x-attachment-cell" data-bind="visible:$state.get() == 'upload'" [...]
gridFilter组件可以给数据增加选择过滤的能力,是组合组件，内置gridSelect 自动将用户从gridSelect中选择的数据构造成数据集的过滤条件 既然内置了gridSelect,那就需要设置gridSelect中的option相关的属性，控制下拉显示的数据 如果报下面的错误就是因为gridSelect的option没有设置
textarea按内容自动撑高，就需要获取内容的高度，然后动态修改textarea的高度 参考如下实现： var textarea = this.comp("textarea1"); var height = textarea.domNode.scrollHeight; $(this.getElementByXid("textarea1")).css("height",height+2); textarea1是textarea组件的xid
平台提供的有progress组件可以显示进度，/UI2/system/components/bootstrap/progress/demo/bsProgress.w中提供的有案例 默认把这个组件直接放都grid中只有点击到这列时当前行上才会显示出来进度条 如果要grid中所有的行上都默认显示出来可以在grid的onCellRender中处理，参考如下： Model.prototype.mainGridCellRender = function(event) { if (event.colName === "fProgress") { var value = "0"; if (event.colVal) { value = event.colVal; } var html = '<div style="height:5px;white-space:normal;"><div class="progress" component="$UI/system/components/bootstrap/progress/progress"> ' + '<div class="progress-bar [...]
PC端门户首页中的widget默认有向上的箭头可以收缩widget 如果要控制widget不允许收缩，可以通过控制按钮不显示实现 控制所有的widget都不允许收缩,可以在/UI2/portal/pc/main/main.w的model的onload事件最后中如下控制 $(".x-widget-toggle").addClass('hide'); 控制某个widget不允许收缩，如下控制 $("div[widgetid='TaskWaiting']").find(".x-widget-toggle").addClass('hide'); 说明：TaskWaiting是XX.widget.xml文件中配置的widget对应的item节点中id的属性值
orgTree和orgTreePC都是显示的组织机构数据，平台默认的组织机构数据中有sOrgKindID关系的值控制机构类型 其中人员成员的类型是psm,因此控制只能选择人员，可以通过判断sOrgKindID的值是否为psm控制 orgTree是移动端用组件，多选是通过放的checkbox组件实现的，控制是否可以选择，可以通过checkbox组件的bind-enable设置实现 如下： orgTreePC是PC端组件，是用grid显示的数据，通过设置grid的多选属性实现多选，因此可以在grid的多选触发事件onRowCheck中判断sOrgKindID的值控制是否可以选择 如下： Model.prototype.grid1RowCheck = function(event){ if(event.row.val("sOrgKindID") !== 'psm'){ alert("非人员不能选择!"); event.cancel = true; } };
在XXX.widget.xml中自己配置的widget，默认是需要分配对应的功能权限，然后登录在首页的“配置布局”中设置状态为“ON”,才会显示 如果自己配置的widget要实现待办和提交任务登录后默认就显示的效果需要如下操作 1.首先要分配对应的功能权限 2.在/UI2/portal/pc/main/main.js中defaultLayout的配置添加自己的widget设置 如下,itemtextarea是XXX.widget.xml中item的id属性值： var defaultLayout = { column1 : { cls: 'x-column col-xs-12 col-sm-12 col-md-6 col-lg-6', widgets: ["TaskWaiting"] }, column2 : { cls: 'x-column col-xs-12 col-sm-12 col-md-6 col-lg-6', widgets: ["TaskSubmit"] }, column3 [...]