pc3默认的主题样式右上角显示项鼠标滑动样式

pc3门户用的是AdminLTE,所以相关的样式基本上都在/UI2/portal/pc3/AdminLTE/css pc3可以设置不同的主题颜色,每个颜色都是不同的css,默认的主题颜色首页右上角显示项鼠标滑动样式如下: /UI2/portal/pc3/AdminLTE/css/skins/_all-skins.min.css中 .skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a { background: rgba(0, 0, 0, 0.1); [...]

toggle显示超过2个中文字符不显示

toggle组件label默认显示两个中文字符,如果超过2个就不会显示,需要调整样式,修改相关的样式中的width的大小 如下显示3个字的调整: .x-toggle input+label:before,.x-toggle input:checked+label:before { width: 3em; } .x-toggle input+label:after { width: 3.2em; } .x-toggle input+label { width: 5em; } .x-toggle input:checked+label>span { transform: translate3d(3.2em, 0, 0); -webkit-transform: translate3d(3.2em, 0, 0); } [...]

orgDialogPC、orgTreePC修改默认加载的记录数

bizData中提供了limit设置默认一页加载的记录数是20 orgDialogPC和orgTreePC是组合组件,如果要修改默认加载的记录数,可以直接在.w中的组件定义上设置limit属性即可 如下: <span component="$UI/system/components/justep/org/orgDialogPC" showTitle="true" xid="orgDialog" style="left:520px;top:186px;" onReceive="orgDialogReceive" selectFilter="js:$row.val('sOrgKindID')==='psm'" multiSelection="true" cascade="true" limit="-1"/> <div component="$UI/system/components/justep/org/orgTreePC" style="width:100%;height:100%;"> <div component="$UI/system/components/justep/data/bizData" autoLoad="true" limit="-1"> <treeOption xid="default1" delayLoad="false"></treeOption></div> <div component="$UI/system/components/justep/grid/grid" expandColumn="sName" useVirtualRoot="true" virtualRootLabel="组织机构" width="500" multiselect="true" cascade="true"> <columns [...]

grid中显示radio

grid中要显示radio需要跟显示button同样的设置,在onCellRender中设置,event.html中按照html中的radio设置 需要注意的是radio中name的属性值不要设置为固定值,设置为固定的值grid中所有行的都是一个值控制了,可以用行ID控制 本案例是用radio显示性别男女,默认的data中列的值是1勾选女,值是0勾选男,否则就都不选择,在radio改变的时候(onchange事件中)去设置修改data中列的值 具体实现如下: Model.prototype.grid1CellRender = function(event) { if (event.colName == 'fXB') { if (event.colVal == 1) event.html = "<input name='" + event.rowID + "' type='radio' value='1' checked onchange='justep.Util.getModel(this).sexChange(\"" + event.rowID + "\")'/>女" + [...]

树形数据新增维护层级和全路径的值

平台的数据数据在新增的时候没有维护层级和类似与SA_OPOrg中sFID中全路径的值 如果需要维护可以在data的onAfterNew事件中处理 如下: Model.prototype.treeDataAfterNew = function(event) { var data = this.comp("treeData"); var parent = data.getValue("fParentID");//获取父ID的值 if(parent){ //如果父ID有值,可以通过父ID获取父的全路径和层级的值 var parentRow = data.getRowByID(parent); data.setValue("fPath",data.getValue("fPath", parentRow)+"/"+data.getCurrentRowID());//父的全路径再加上当前的rowid拼接为当前记录的全路径 data.setValue("flevel",parseInt(data.getValue("flevel", parentRow))+1);//父的层级加1为当前记录的层级值 } else{ //如果父ID没有值,就直接个rowid设置为全路径,层级设置为1(为根目录) data.setValue("fPath","/"+data.getCurrentRowID()); data.setValue("flevel",1); } }; 最终结果如下: [...]

pc3修改默认的主题颜色

如果要修改pc3门户默认的主题颜色可以修改/UI2/portal/pc3/AdminLTE/js/setting.js中var my_skins定义中的顺序,默认如下是蓝色: var my_skins = [ "skin-blue", "skin-black", "skin-red", "skin-yellow", "skin-purple", "skin-green", "skin-blue-light", "skin-black-light", "skin-red-light", "skin-yellow-light", "skin-purple-light", "skin-green-light" ]; 如果需要设置为紫色的可以把紫色的放到数组的第一个,如下: var my_skins = [ "skin-purple", "skin-blue", "skin-black", "skin-red", "skin-yellow", "skin-green", "skin-blue-light", "skin-black-light", [...]

pc3登录后默认隐藏功能树

BeX5门户登陆后首页功能树中默认实现的 如果需要默认隐藏可以在/UI2/portal/pc3/index.js中实现 找到this.on('onLoadFunctionTree', this.doCreateFunctionTree);在后面加上$(".sidebar-toggle").click(); 具体如下: //加载功能树 this.on('onLoadFunctionTree', this.doCreateFunctionTree); $(".sidebar-toggle").click();//隐藏功能树 //清理功能树 this.on('onClearFunctionTree', this.clearFuncTree);

carousel组件动态添加图片时显示空白

carousel组件动态添加图片时显示空白有两种情况 第一: 设置了自动切换(auto属性为true),切换的时候总有一个空白的,这个是因为carousel组件默认有一个content,如果没有跟这个content添加图片就会有一个空白的 解决方案: 删除这个默认的content或者跟这个content添加图片 第二:设置不自动切换(auto属性为false),添加图片后默认显示空白 字段切换设置为false,把默认的content删除后动态添加图片没有默认选中的content,所以导致显示空白 解决方案: 在动态添加后调用carousel里面的contents组件执行to方法设置一个默认选择的 如:this.comp("contents1").to(0);

在data的onBeforeSave事件中调用action不起作用

某些情况下可能需要在data的onBeforeSave或者process组件的相关事件中等调用action,并且立即执行,那么就需要在调用action的时候设置directExecute为true 如下: biz.Request.sendBizRequest({ "context" : this.getContext(), "action" : "sendNoticeAction", "directExecute" : true,// 在批事务中是立即执行这个action callback : function(result) { if (result.state) { alert("通知创建成功"); } } });   这个是因为在data的onBeforeSave或者process组件的相关事件等中调用action时跟save的执行和流程相关动作的执行是在一个批里面的,如果要立即执行action就需要通过这个属性值控制