grid中给单元格设置焦点可以调用grid的editCell (TD cell) 单元格进入编辑状态,受列上定义的editable属性和data的readonly规则影响 具体实现如下： Model.prototype.button10Click = function(event) { var data = this.comp("bizData1"); var rowID = data.getCurrentRowID(); var grid = this.comp("grid1"); setTimeout(function() { grid.editCell(grid.getCell(rowID, "fSZ")); }, 5); };
平台默认的附件查看功能只能查看附件上传的，如果不是附件上传，自己从第三方传过来的地址或者自己服务端的office就不能用附件，可以参考下面的方式实现用ocx打开查看 1.js定义的define中引用 var officeViewer = require('$UI/system/components/justep/docCommon/officeViewer'); var $OV = officeViewer.$OV; var OV = officeViewer.OV; 2.在.w中定义一个div <div xid="officeViewer" /> 3.在div中创建ocx并打开文件 var url ="http://192.168.1.97:8080/x5/UI2/appdemo/test/process/attachmentEditor2/aaa.doc"; var divID = this.getIDByXID("officeViewer"); var ocxID = divID [...]
BeX5中的功能树默认都是现实的，如果需要在从功能树上打开功能时隐藏功能数据，可以在创建功能树的代码中控制 /UI2/portal/pc3/index.js文件Model.prototype.doCreateFunctionTree = function(event){方法的实现中找到 me.showPage(pageKey);在其下面调用$(".sidebar-toggle").click();即可实现从功能树中打开功能隐藏功能 具体修改如下： //设置main的显示名 $content.find('li>.x-portal-showMain>.title').html(this._cfg.main.title); var me = this; $('li>a', $content).click(function(){ var el = $(this),pageKey=el.attr('pageKey'); if(pageKey){ $(".func-open", $content).removeClass("func-open"); el.parent().addClass("func-open"); me.showPage(pageKey); $(".sidebar-toggle").click(); } });
1.修改并覆盖系统的dataTables选中行背景颜色 2.dataTables显示行号设置列标题“序号” 3.dataTables隐藏多选列 4.dataTables获取多选的rowids 5.动态创建dataTables & grid设置列label 6.grid或者dataTables的onCellRender中获取其他列的值 7.代码控制dataTables表头的全选框勾选 8.dataTables组件勾选全选，然后取消单行行选择，怎么取消全选状态 9.动态修改dataTables的列名 10.数据库存的是数字，grid或者dataTables如何设置显示具有实际意义的中文信息 11.dataTables获取如何列信息 12.修改dataTables字体表头样式 13.dataTables多选如何判断表头全选是否选中 14.dataTables的单击或双击事件中获取当前选择的列信息 15.隐藏dataTables表头 16.dataTables的rowAttr属性调用js函数控制样式 17.dataTables组件多选时如何控制只有一行是选中状态 18.dataTables中通过按钮显示更多操作按钮 19.如何修改dataTables选中行默认样式 20.dataTables如何动态设置单元格背景颜色 21.dataTables如何设置边框样式
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); [...]
grid上设置属性multiselect为true可以实现多选，并且在表头上会显示复选框可以通过勾选实现全选或全取消 如果需要通过动态控制全选，可以参考如下： var gridID = this.getIDByXID("grid1"); $("#" + gridID).find(".cbox").click(); 其中grid1为grid组件的xid
如果只是需要流转的时候把附言信息显示在任务标题上可以在流转前(onBeforeAdvance)事件中处理,如下: public static void flowTestProcessBeforeAdvance() { ProcessControl flowControl = (ProcessControl) ProcessUtils.getProcessContext().getProcessControl(); String sContent = flowControl.getPostscript();//获取附言信息 for (ProcessControlItem to : flowControl.getFlowTos()) {//获取环节相应的流转信息 String sName = to.getTask().getName(); to.getTask().setName(sName+" "+sContent); } } 如上设置后在代办任务或提交任务等中看到的任务标题中就会有附言信息 如果是某个环节需要设置，就在环节的onBeforeAdvance事件中处理；如果是整个流程都需要设置，就在流程的onBeforeAdvance事件中处理 如果是所有的流程都需要设置，可以通过监听onBeforeAdvance事件设置
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); } [...]
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需要跟显示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 + "\")'/>女" + [...]