orgSelectPC实现部门人员级联下拉

前一个orgSelectPC下拉内容显示非人员的组织数据,后一个orgSelectPC下拉内容只显示人员的数据,前一个下拉修改了选择数据,使后一个的orgselctPC下拉内容发生改变,就可以显示部门人员级联下拉 可以在部门的orgSelectPC的onUpdateValue事件中给人员的orgSelectPC下拉区域的data设置filter,然后在人员orgSelectPC的onShowOption事件中调用data的刷新就可以使内容发生变化 当然在部门的orgSelectPC修改选择数据后,人员的orgSelectPC的数据也要清空,同样在部门的orgSelectPC的onUpdateValue事件操作 控制orgSelectPC只显示什么类型的组织数据可以通过includeOrgKind属性控制 部门orgSelectPC的定义如下: <div class="x-gridSelect" component="$UI/system/components/justep/org/orgSelectPC" xid="orgSelectPC1" bind-ref='$model.data2.ref("fDeptID")' bind-labelRef='$model.data2.ref("fDept")' onUpdateValue="orgSelectPC1UpdateValue" multiselect="false" includeOrgKind="ogn,dpt,pos"> <div component="$UI/system/components/justep/data/bizData" autoLoad="false" xid="bizData3" limit="-1"> <treeOption xid="default14" delayLoad="false"/> </div> <option xid="option8" value="SA_OPOrg" label="sName"> <columns xid="columns3"> <column name="sName" xid="column8"/> </columns> </option> [...]

gridselect实现级联下拉

修改前一个下拉框的数据,使后一个下拉框中的内容发生改变,就是级联下拉。 可以在前一个下拉框的onUpdateValue事件中给后一个下拉框的option关联的data设置filter,然后在后一个下拉框的onShowOption事件中调用data的刷新就可以使内容发生变化 当然在修改了前一个下拉的选择数据后,后一个下拉框的数据也要清空,同样在前一个下拉框的onUpdateValue事件操作,如下: 第一个下拉框的定义 <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect6" bind-ref="$model.bizData2.ref(&quot;fDQID&quot;)" bind-labelRef="$model.bizData2.ref(&quot;fDQ&quot;)" onUpdateValue="gridSelect6UpdateValue"> <option xid="option6" data="RegionData" value="DEMO_Region" label="fName"/> </div> 第一个下拉框onUpdateValue事件的代码 Model.prototype.gridSelect6UpdateValue = function(event) { var data = this.comp("bizData2"); var RegionID = data.getValue("fDQID"); var ProvinceData [...]

附件编辑什么情况下会被锁定

为了防止同一个文件同时多人编辑,平台控制了一个人在编辑是文件处于锁定状态,使其他人不能打开 具体有下面的情况会使文件被锁 1.点编辑打开,编辑后,直接点平台默认提供的“保存”按钮 2.点编辑打开,没有编辑,再关闭,文件不会被锁 3.点编辑打开,编辑后,直接点右上角的关闭,弹出提示框,点“取消”,编辑的数据不会保存,文件也不会被锁 4.点编辑打开,编辑后,直接点右上角的关闭,弹出提示框,点“确定”,编辑的内容会保存,文件被锁 5.点编辑打开,编辑后,点右下角的“保存”,编辑页不会关闭,点“成文”才会关闭,成文关闭后文件不会被锁

gridselect设置焦点和输入框的样式

gridselect显示值或者输入的地方其实是一个input框,所以对gridselect设置焦点或样式,其实是设置里面的input框的 1.设置焦点 $(this.getElementByXid("gridSelect1")).find("input").focus(); 2.设置样式 $(this.getElementByXid("gridSelect1")).find("input").addClass("gridselectInput"); gridselectInput的设置如下: .gridselectInput { background: #00CCFF; } 其中gridSelect1就是gridselect的xid,当然移出焦点和删除添加的样式就用blur()和removeClass("gridselectInput")

动态创建grid设置列的前端过滤

动态创建grid设置列的前端过滤,先设置useFilterBar : true,然后在column上设置searchoptions属性控制,具体如下: // 引用grid.js var Grid = require("$UI/system/components/justep/grid/grid"); Model.prototype.button5Click = function(event) { var parentNode = this.getElementByXid("content2"); var option = { parentNode : parentNode, // grid的属性,设计时有的属性都可以设置 xid : "gridMain", data : "data1", width : [...]

动态创建dataTables & grid设置列label

动态创建dataTables & grid设置列的label都是在column上操作,但是两个用的属性名不一样 dataTables用的是title,grid的用的是label 1.动态创建dataTables // 引用dataTables.js var dataTables = require("$UI/system/components/justep/dataTables/dataTables"); Model.prototype.button4Click = function(event) { var parentNode = this.getElementByXid("content2"); var option = { parentNode : parentNode, // dataTables的属性,设计时有的属性都可以设置 data : "data1", class : 'table [...]

动态创建grid设置footerData

grid组件默认在column的footerData属性上可以直接设置,但是动态创建是不能直接在列上设置,需要在动态创建是设置useFooter : true,然后创建后根据创建的grid的xid获取grid组件调用setFooterData方法设置 具体如下: //引用grid.js var Grid = require("$UI/system/components/justep/grid/grid"); Model.prototype.button5Click = function(event) { var me = this; var parentNode = me.getElementByXid("content2"); var option = { parentNode : parentNode, //grid的属性,设计时有的属性都可以设置 data : "data1", xid : [...]

运行时去掉页面顶部的蓝色进度条

平台默认的在发ajax请求是会显示进度条,这个进度条用的是loadingbar 如果要屏蔽loadingbar,修改/UI2/system/components/justep/loadingBar/loadingBar.js中 constructor: function(){ start : function(isWithOverlay){ stop : function(){ 这三个函数 在函数里面开始的时候直接return; 如: start : function(isWithOverlay){ return; var self = this; 修改js文件后要执行tools\dist\dist.bat,还要注意缓存的问题如何清除缓存