pc门户（非PC2、PC3门户）某些情况下（如自己了比较大的图片logo图片）可以需要调整头部header的高度，可以直接修改/UI2/portal/pc/index.w中的设置，如下： <div class="page-header navbar navbar-fixed-top" style="height:46px;"> 中 直接修改height的值；如果修改的比较大会导致中间内容部分被头部挡上了，因此还需要修改css中修改的设置，如下： /UI2/portal/pc/assets/admin/layout/css/layout.css中定义的样式中有 top、margin-top、height、min-height设置的值都改为修改后的height的值
下拉区域的外层样式 .x-gridSelect-option { border: 1px solid red; } 显示下拉数据区域的样式 .x-gridSelect-option .x-grid tr.jqgrow{ background-color:yellow; border:1px solid #dddddd; } 下拉输入框的样式 .x-gridSelect .x-gridSelect-input{ color:red; }
日期弹出框的控制是对整个页面中用到日期弹出框统一控制，如果所有的都需要控制，可以参考如下的方法，平台默认是单页模式所以，后打开的功能中如果也有日期弹出框的同样会受控制 可以在model的onload中，通过样式查找控制 Model.prototype.modelLoad = function(event) { $(".datetime.form-control").click(function() { setTimeout(function() { // 设置值 $("input[name='_calendar_hour_']").val("17"); $("input[name='_calendar_min_']").val("00"); $("input[name='_calendar_sec_']").val("00"); // 控制不可编辑 $("input[name='_calendar_sec_']").attr("disabled", "true"); }, 50); }); };
grid的onCellRender事件的event中有html : 输出显示的html，通过修改html影响展现 因此可以通过设置html的内容控制显示悬停时的显示内容 如下设置的title属性就是控制的显示内容 Model.prototype.treeGridCellRender = function(event) { if (event.colName == "fName") { var title = event.colVal + 'bbbb'; event.html = " <div title='" + title + "'>" + event.colVal + "</div> " [...]
日历组件的高度是固定的，而且没有提供设置高度的地方，高度是由里面的日期的高度具体的 如果需要修改可以通过如下样式控制 .cal-month-day{ height:20px; } .cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"]{ min-height:20px; } 效果如下：
分页加载的时候在非第一页操作数据后刷新数据，默认的会定位到第一页，如果需要定义到刷新数据的当前页可以参考如下： 下面的方案都用的用pagerBar组件分页 自己写一个按钮执行刷新具体的代码如下： Model.prototype.button42Click = function(event){ var data = this.comp("bizData1"); var currentpageIndex = this.comp("pagination1").currentIndex;//通过pageBar里面的pagination获取到当前页的索引 data.loadPageData(currentpageIndex + 1);//用data组件的loadPageData (integer pageIndex, Object options)分页模式下加载第N页数据 };
grid中列内容多时默认是在一行显示的，不太美观 在grid上提供了onCellRender 单元格显示渲染事件，我们可以通过这个事件使内容后面用...显示，如下： 把具体的内容给div显示，在div中通过样式控制显示... Model.prototype.grid1CellRender = function(event) { if (event.colName == "fWB" && event.colVal != undefined) {//判断是不是需要换行显示的这列并且列是有值的 event.html = " <div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + event.colVal + "</div> ";//在div中显示列的值event.colVal } }; [...]
attachmentPC默认不是把上传的附件以列表的形式展现，如果需要列表显示展现，如下修改，使用的时候可以直接赋值到自己的.w中，然后把bind-ref改为自己的关系 <div component="$UI/system/components/justep/attachment/attachmentPC" access="duud" xid="attachmentPC4" bind-ref="$model.mainData.ref("fFJ")"> <div class="x-attachment-pc" xid="div68"> <div class="x-attachment-content x-card-border" xid="div69"> <div class="x-doc-process" xid="div70"> <div class="progress-bar x-doc-process-bar" role="progressbar" style="width:0%;" xid="progressBar4"/> </div> <div class="x-attachment-cell x-attachment-item" data-bind="style:{display:$state.get() == 'upload' && $access.get() % 512 >= [...]
平台默认在$UI/system/lib/base/bizUtil中提供isDisabledAction (ModelBase model, String action) 判断当前动作是不是禁用的（即没有权限的保护动作） 当需要通过action权限控制按钮等组件是否可用时，需要如下步骤 1.在process文件中添加动作设置时访问权限为protected 2.如果页面中有bizData不用进行引用，如果没有bizData需要在js中进行引用 var biz = require("$UI/system/lib/biz"); 3.在按钮的bind-disable上设置表达式biz.Util.isDisabledAction($model, 'xxxAction') 如果需要分配action的权限，在“组织权限——角色管理”功能中，功能列表中找到对应的功能设置动作权限
平台默认提供了checkPermissionAction(验证是否拥有权限)这个action 如果需要通过判断某具体的功能是否有权限对页面进行控制，可以自己在js中调用checkPermissionAction，具体的参数设置参考如下： Model.prototype.button6Click = function(event) { var process = "/appdemo/test/process/attachment/attachmentProcess";//要判断的功能的process路径 var activity = "mainActivity";//要判断的功能的activity var param = new biz.Request.ListParam();//定义checkPermissionAction需要的list参数 var item1 = new biz.Request.MapParam();//定义map参数，把要判断的proces和activity放到Map中 item1.put("process", new biz.Request.SimpleParam(process, XML.Namespaces.XMLSCHEMA_STRING)); item1.put("activity", new biz.Request.SimpleParam(activity, XML.Namespaces.XMLSCHEMA_STRING)); param.add(item1);//把Map参数添加到list中可以添加多个功能的Map var [...]