list中img显示attachmentImage上传的图片

list中显示图片,可以直接在list中放img标签,其中bind-attr-src设置img标签的src属性 attachmentImage组件bind-ref关联的data中关系存储的是上传的图片信息的json,不是直接的url,因此不能直接在的bind-attr-src上直接绑定关系值 可以定义js函数通过json中的信息调用平台提供的API放回图片的url,然后的bind-attr-src属性设置为js函数,具体如下: list中放img,由于list中每行的数据不一样,需要在调用函数时需要把当前计算行的数据做参数传给函数,函数中获取具体的数据,返回对应的url,此处用$object做参数 js中 1.引用 DocUtils = require('$UI/system/components/justep/docCommon/docUtil'); 2.定义函数 Model.prototype.getImageUrl = function(row) { if (row != undefined) { var jsonList = eval("(" + row.val('fAttachmentPicture') + ")");//获取当前数据中attachmentImage对应的关系值并转换json对象 if (jsonList != undefined) { var [...]

登录后如何跳转到自己的首页

BeX5平台提供的门户,登陆后默认跳转到平台指定的首页,如果想要跳转到自定义的首页,可以修改默认的首页地址配置 不同的门户需要修改门户对应文件的,文件路径在/UI2/portal/XX/index.js,其中XX就是具体的门户目录,如pc的就是/UI2/portal/pc/index.js 在index.js中中通过修改event.config.main.url的配置路径可以修改首页路径 对系统的修改,建议使用扩展空间,即不直接修改系统文件,便于平台版本升级。扩展空间就是BIZ或UI2下的一级目录,目录名称为系统目录名+_X。门户要修改的UI2/portal目录,那么在UI2目录下新建portal_X目录作为portal目录的扩展空间。 如下:修改pc端首页路径,默认的是event.config.main.url = '$UI/portal/pc/main/main.w';

动态创建checkboxGroup

动态创建checkboxGroup时要注意设置bind-ref和bind-itemset时直接用data的xid,不要用this.comp(‘data的xid’) 参考如下: 引用js文件var checkboxGroup = require("$UI/system/components/justep/select/checkboxGroup"); 动态创建 Model.prototype.button11Click = function(event) { var parentNode = this.getElementByXid("content2"); var option = { parentNode : parentNode, xid : 'checkboxGroup1', class :'x-checkbox-group', 'bind-ref':"data2.ref('fName')" , 'bind-itemset':'data1.datas', 'bind-itemsetLabel':"ref('fName')", 'bind-itemsetValue':"ref('fName')" }; new [...]

orgTree单击行展开子

orgTree默认的是点击行后面的箭头展开子,如果需要单击行的时就展开,需要在orgTree中li的click事件实现 orgTree中的li所在位置如下: click中的实现如下: Model.prototype.li1Click = function(event) { var type = event.bindingContext.$object.val("sOrgKindID");//获取当前单击行的sOrgKindID的值 if (type !== 'psm') { $(event.currentTarget).addClass("x-tree-link");//判断sOrgKindID的值不为psm(人员),给当前行节点加上样式x-tree-link } };

pc端tree或treegrid行点击展开或收缩子

PC端tree和treegrid的默认是通过前面的黑箭头点击展开或者收缩子,如果需要在单击行的时候就展开或者收缩子可以在grid的onRowClick中实现 具体参考如下: Model.prototype.treeGridRowClick = function(event) { var data = this.comp("treeData");//获取tree关联的data var grid = this.comp("treeGrid");//获取tree组件 var rowid = data.getCurrentRowID();//获取当前行id $(grid.getRowByID(rowid)).find("div.treeclick").click();//通过jquery的方式找到当前tr中class为treeclick的div执行click };

attachmentSimple上传附件后修改文件名

attachmentSimple组件通过bind-ref的设置把上传的文件的相关信息(如:文件名等)以json串的方式赋值给了bind-ref关联的关系 要修改文件名获取关系的值修改json后重新给关系赋值即可 Model.prototype.button7Click = function(event) { var data = this.comp("mainData"); var fFJ = data.getValue("fFJ");// 获取attachmentSimple关联的关系的值 var jsonList = eval("(" + fFJ + ")");// 把获取的值转换为json对象 for (var i = 0; i < jsonList.length; i++) { [...]

自定义action返回的数据如何显示

平台提供的展现组件一般都是通过关联data显示数据的,那么自定义的action放回的数据要显示简单的就是把返回的数据给data data中提供了loadData方法加载数据,可以把数据加载到data 具体参考: 1.定义action,action对应的java代码如下:注意的时候java方法的返回值类型是Table的 public static Table loadData(){ String ksql = "select rq, rq.fName ,rq.fCode,rq.fRQ, rq.fRQSJ from AP_RQ rq where rq.fName = 'aaaa'";//需要查询数据的ksql Table table = KSQL.select(ksql, null, "/appdemo/test/data", null);//调用平台提供的API执行sql,并返回table return table; } [...]

设置树形显示图标

grid组件通过属性设置可以显示tree,平台默认树节点前显示的是展开的图标如下: 如果需要类似与组织机构中的机构、部门、人员等显示不一样的图标可以在grid的onTreeIconRender事件中实现 onTreeIconRender (TreeIconRenderEvent event) [回调型事件]树形图标渲染 Parameters TreeIconRenderEvent event 结构如下: { "source" : 组件的js对象, "bindingContext" : 组件绑定的上下文,包含$model、$object等具体请参考bindingContext说明 "rowID" : 行ID "row" : 行 "html" : 输出显示的html,通过修改html影响展现 } 直接修改html参数控制显示图标 如下控制的根节点和下面的节点显示不一样的图标 Model.prototype.treeGridTreeIconRender = function(event){ [...]

数据loadData给data后不会显示

loadData函数是data加载数据的底层函数,既不会改变当前行也不会刺激刷新相关事件,主要用于data和data之间数据传递或者批量加载数据,不会触发任何刷新相关的事件,所以默认的load后是不会显示数据的 如果使用loadData来加载数据,那么一定要自己在加载数据后通过修改data游标的方法指定当前行,如:to()、first()等方法指定data的当前游标,同时还要特别注意grid,dataTable组件需要主动调用grid,dataTable组件的refresh()方法重画 对于data推荐是接管onCustomRefresh事件来重新实现data的数据refreshData逻辑,同时在所有的外部调用都是用refreshData方法或者刷新操作 需要注意的是不要在loadData后直接调用data的refreshData方法

orgSelect、orgDialog相关的组件控制只允许选取人员

平台默认提供了orgSelect、orgSelectPC、orgDialog、orgDialogPC组件可以选择组织机构数据 这些组件都提供了selectFilter选中过滤表达式,通过这个属性可以控制某些行数据不让选择 表达式执行的this是行,即$row 当前表达式中可使用变量: "$model" : 当前的model, "$row" : {$UI/system/components/justep/data/data#Row} 当前过滤执行的行 如下设置只允许选择人员 selectFilter="val("sOrgKindID") =='psm'"