UAP Javascript Code

2024-03-29 22:46•javascript•阅读 3696

/*******************************导入包开始**************************************/ $import("mx.containers.Accordion"); $import("mx.containers.Panel"); $import("mx.containers.HSplit"); $import("mx.containers.VSplit"); $import("mx.containers.Container"); $import("mx.containers.TabControl"); $import("mx.containers.TabPage"); $import("mx.controls.ToolBar"); $import("mx.datacontainers.FormEntityContainer"); $import("mx.datacontrols.DataForm"); $import("mx.datacontainers.GridEntityContainer"); $import("mx.datacontrols.DataGridSearchBox"); $import("mx.datacontrols.DataGrid"); $import("mx.datacontrols.ComplexGrid"); $import("mx.datacontrols.DataTree"); $import("mx.datacontainers.TreeEntityContainer"); /*******************************布局控件上下分割HSplit开始**************************************/ var HSplit1 = null; var HSplit1Area0 = null; var HSplit1Area1 = null; _initHSplit1(); _initHSplit1Area0(); _initHSplit1Area1(); function _initHSplit1(){ HSplit1 = new mx.containers.HSplit({ id:"HSplit1", rows:"50%,50%" }); me.addControl(HSplit1); } function _initHSplit1Area0(){ HSplit1Area0 = new mx.containers.Container({ id:"HSplit1Area0" }); HSplit1.addControl(HSplit1Area0, 0); } function _initHSplit1Area1(){ HSplit1Area1 = new mx.containers.Container({ id:"HSplit1Area1" }); HSplit1.addControl(HSplit1Area1, 1); } /*******************************布局控件左右分割VSplit开始**************************************/ var VSplit1 = null; var VSplit1Area0 = null; var VSplit1Area1 = null; _initVSplit1(); _initVSplit1Area0(); _initVSplit1Area1(); function _initVSplit1(){ VSplit1 = new mx.containers.VSplit({ id:"VSplit1", cols:"20%,80%" }); me.addControl(VSplit1); } function _initVSplit1Area0(){ VSplit1Area0 = new mx.containers.Container({ id:"VSplit1Area0" }); VSplit1.addControl(VSplit1Area0, 0); } function _initVSplit1Area1(){ VSplit1Area1 = new mx.containers.Container({ id:"VSplit1Area1" }); VSplit1.addControl(VSplit1Area1, 1); } /*******************************布局控件手风琴Accordion开始**************************************/ var Accordion1 = null; var Panel1 = null; var Panel2 = null; _initAccordion1(); _initPanel1(); _initPanel2(); function _initAccordion1(){ Accordion1 = new mx.containers.Accordion({ id:"Accordion1" }); me.addControl(Accordion1); } function _initPanel1(){ Panel1 = new mx.containers.Panel({ id:"Panel1", border:"0", title:"Panel" }); Accordion1.appendPanel(Panel1); } function _initPanel2(){ Panel2 = new mx.containers.Panel({ id:"Panel2", border:"0", title:"Panel" }); Accordion1.appendPanel(Panel2); } /*******************************布局控件选项卡TabControl开始**************************************/ var TabControl = null; var TabPage1 = null; _initTabControl(); _initTabPage1(); function _initTabControl(){ TabControl = new mx.containers.TabControl({ id:"TabControl", width:"100%" }); VSplit1Area1.addControl(TabControl); } function _initTabPage1(){ TabPage1 = new mx.containers.TabPage({ id:"TabPage1", autoInit:true, width:"100%", text:"欢迎", name:"TabPage1" }); TabControl.appendPage(TabPage1); } me.getTabControl = function(){ return TabControl; } /*******************************动态添加选项卡TabControl开始**************************************/ me._tree_onclick=function(e){ //create new tab page when note has no children if(!e.node.hasChildren){ var nodeId = e.node.id; var nodeName = e.node.text; var pages = me.view.getTabControl().pages; if(!isContainPageById(pages, nodeId)){ var nodePage = mx.containers.TabPage({ id:nodeId, alias:nodeId, name:nodeId, width:"100%", closable:true, text:nodeName }); me.view.getTabControl().appendPage(nodePage); } me.view.getTabControl().pages[nodeId].show(); me.view.getTabControl().selectPage(me.view.getTabControl().pages[nodeId]); //add weblet to tab page if(me.view.getTabControl().pages[nodeId].controls.length < 1){ var container = new mx.containers.Container(); var webletContainer = new mx.weblets.WebletContainer({ $e:container.$e, webletID: nodeId }); me.view.getTabControl().pages[nodeId].addControl(container); } } } function isContainPageById(pages, pageId){ var isContain = false; var pages = me.view.getTabControl().pages; if(pages.length > 0){ for(var i = 0; i < pages.length; i++){ if(pages[i].id == pageId){ isContain = true; break; } } } return isContain; } /*******************************数据控件DataForm开始**************************************/ var _form = null; _initDataForm(); function _initDataForm() { var restUrl = "~/rest/deployapp/"; /* 初始化 EntityContainer */ var formEntityContainer = new mx.datacontainers.FormEntityContainer({ baseUrl : appinfo.mappath(restUrl), iscID : "-1", // iscID 是数据元素的统一权限功能编码。默认值为 "-1" ，表示不应用权限设置。 primaryKey: "appId" }); _form = new mx.datacontrols.DataForm({ alias:"appinfoDetailViewDataForm", displayPrimaryKey: false, fields: [ { name: "appId", caption: "应用ID", editorType: "TextEditor", visible:false}, { name: "appName", caption: "应用名称", editorType: "TextEditor"}, { name: "dispIdx", caption: "部署顺序", editorType: "TextEditor"}, { name: "unitId", caption: "部署单元ID", editorType: "TextEditor"} ], entityContainer: formEntityContainer }); me.addControl(_form); } me.getForm = function(){ return _form; } /*******************************数据控件DataGrid开始**************************************/ var _dataGrid = null; _initDataGrid(); function _initDataGrid() { var restUrl = "~/rest/deployapp/"; /* 初始化 EntityContainer */ var gridEntityContainer = new mx.datacontainers.GridEntityContainer({ baseUrl : appinfo.mappath(restUrl), iscID : "-1", // iscID 是数据元素的统一权限功能编码。默认值为 "-1" ，表示不应用权限设置。 primaryKey: "appId" }); /* 初始化 DataGrid */ _dataGrid = new mx.datacontrols.ComplexGrid({ // 构造查询属性。 alias: "appinfoMainViewDataGrid", searchBox: new mx.datacontrols.DataGridSearchBox({ fields: [ ] }), columns:[ { name: "appId", caption: "应用ID" , editorType: "TextEditor" }, { name: "appName", caption: "应用名称" , editorType: "TextEditor" }, { name: "dispIdx", caption: "部署顺序" , editorType: "TextEditor" }, { name: "unitId", caption: "部署单元ID" , editorType: "TextEditor", visible:false } ], // 构造列排序条件，如果有多列，则以逗号分隔。例sorter: "school ASC, class DESC" displayCheckBox: true, displayPrimaryKey:false,//列表是否显示主键 allowEditing: false, //列表默认不可编辑 pageSize : 20, entityContainer: gridEntityContainer, onload: me.controller._dataGrid_onload, onitemclick: me.controller._dataGrid_onitemclick, create: me.controller._btnNew_onclick, remove: me.controller._btnDelete_onclick }); //重置toolBar按钮项 _resetToolBarItems(); VSplit1Area1.addControl(_dataGrid); } /** * 重置按钮项 */ function _resetToolBarItems(){ _dataGrid.toolBar.removeByName("new"); //去除保存按钮 _dataGrid.toolBar.removeByIndex(1); _dataGrid.toolBar.removeByName("save"); /*//插入编辑按钮 _dataGrid.toolBar.insertItem(2,"-",true); _dataGrid.toolBar.insertItem(3,{ name: "edit", text: mx.msg("EDIT"), toolTip: mx.msg("EDIT"), imageKey : "edit", onclick: me.controller._btnEdit_onclick},true);*/ } me.getDataGrid = function(){ return _dataGrid; } /*******************************多表头GroupHeaderGrid开始**************************************/ //////////////view中的代码 var SumDataGrid = null; _initSumDataGrid(); function _initSumDataGrid() { //var restUrl = "~/rest/sgdep/"; /* 初始化 EntityContainer */ var gridEntityContainer = new mx.datacontainers.GridEntityContainer({ type:"local", //baseUrl : provincesum.mappath(restUrl), iscID : "-1", // iscID 是数据元素的统一权限功能编码。默认值为 "-1" ，表示不应用权限设置。 primaryKey: "compId" }); SumDataGrid = new mx.datacontrols.GroupHeaderGrid({ columns: [ { name:"EVAL_NAME", caption:"评价项目名称", }, { name:"EVAL_BASE", caption:"基准分", }, { name:"PAR_PARENT", caption:"华北地区", columns:[ { name:"BJ_SUM_MARK", caption:"北京公司" }, { name:"TJ_SUM_MARK", caption:"天津公司" } ] }, { name:"PAR_PARENT", caption:"华东地区", columns:[ { name:"JS_SUM_MARK", caption:"江苏省公司" }, { name:"ZJ_SUM_MARK", caption:"浙江省公司" } ] } ], pageSize: 20, entityContainer: gridEntityContainer }); //SumDataGrid.load(); me.addControl(SumDataGrid); } me.getSumDataGrid = function(){ return SumDataGrid; } //////////////view controller中的代码 me._onactivate = function(e) { me.load_provinceSum(); }; me.load_provinceSum = function() { var restClient = new mx.rpc.RESTClient(); var p_context = restClient.get( provincesum.mappath("~/rest/provincesum/"), me.load_provinceSum_complete ); }; me.load_provinceSum_complete = function(p_data) { if(p_data && p_data.successful) { me.view.getSumDataGrid().entityContainer.data = p_data.resultValue.items; me.view.getSumDataGrid().load(); } } /*******************************数据控件DataTree开始**************************************/ var _treeView = null; _initTreeView(); function _initTreeView() { _treeView = new mx.datacontrols.DataTree({ baseUrl: leave.mappath("~/rest/examdep/tree"), displayCheckBox: true, // 是否需要在树中显示选中框 onnodeclick: me.controller._tree_onclick, onselectionchanged: me.controller._tree_selectionchanged }); HSplitLeftArea1.addControl(_treeView); _initContextMenu(); } function _initContextMenu() { _treeView.nodeMenu = new mx.controls.ContextMenu({ items: [ { name: "refresh", text: "刷新" } // 菜单项可以嵌套，表示子菜单 ], // 菜单项集合 onitemclick: me.controller._contextMenuItem_click }); } me.getTreeView = function(){ return _treeView; } /*******************************弹出表单开始**************************************/ /////////view中代码 var _detailWin = null; _initDetailWindow(); /** * 初始化表单视图窗口对象 */ function _initDetailWindow(){ _detailWin = appinfo.context.windowManager.create({ reusable: true,//是否复用 width:640, height:480, title:"表单维护" }); } /** * 获取表单视图窗口对象 */ me.getDetailWindow = function(){ return _detailWin; } /////////view controller中代码 var _detailView = null; /** * 获取表单视图对象 */ me._getDetailFromView = function(){ if (_detailView == null) { var mvc = new appinfo.views.DetailViewController(); _detailView = mvc.getView(); _detailView.getForm().entityContainer.off("saved", me._refreshDataGrid); _detailView.getForm().entityContainer.on("saved", me._refreshDataGrid); } return _detailView; } /** * 新增 */ me._btnNew_onclick = function() { // TODO：此处新增的数据需要将服务端返回的 id 值设置到 GridItem 上。 var _detailView = me._getDetailFromView(); //设置对象id _detailView.objID = null; _showDetailFormView(_detailView,"表单填写"); }; /** * 显示表单视图 * @param p_view : 需要显示的视图对象 * @param p_title : 对话框的标题 */ function _showDetailFormView(p_view,p_title){ var win = me.view.getDetailWindow(); if(typeof p_view != "undefined"){ p_view.load(); //设置显示视图、标题信息 win.setPosition("fixed"); win.setView(p_view); win.setTitle(p_title ? p_title : win.title); } win.showDialog(); } /*******************************JS处理BPM开始**************************************/ requires:["bpm/bpmintegrate"], onload: function(e) { $import("bpmintegrate.utils.BPMClient"); }, /** * 调用js流程发起 */ me._btnStartJS_onclick = function (){ var _dataGrid = me.view.getDataGrid() if (_dataGrid.getCheckedIDs().length == 0) { mx.indicate("info", "请勾选一条待编辑记录。"); return; } // 多选框勾选记录，判断是否选择多条 if (_dataGrid.getCheckedIDs().length > 1) { mx.indicate("info", "选定的记录条数不能超过一条。"); return; } // 判断已勾选记录的流程状态，只允许没有发起流程的状态 var lczt = _dataGrid.getCheckedItems()[0].getValue("lczt"); if (lczt == "0" || lczt == null|| lczt == "" ||lczt == "null") { // 发起流程，参数为勾选记录的ID var bpmclient = new bpmintegrate.utils.BPMClient();//创建js代理对象 var params = "{\"BUSINESSID\" : \"" + _dataGrid.getCheckedIDs()[0] + "\"}";//业务主键 /** * 创建流程实例，可以选择是否立即启动，可带参数 * * <p> * 注意事项： * <ul> * <li>如果第一、二个参数为空，则抛出异常 * <li>如果第一参数对应的流程定义找不到发布版本，则抛异常 * </ul> * * @param processDefName 流程定义名称 * @param processInstName 流程实例名称 * @param processInstDesc 流程实例描述 * @param isStart 是否启动流程实例 * *@param finishFirst 是否完成第一个工作项，取值为true或false * @param relativeData 流程参数，格式为{key1:value1,key2:value2}的JSON串 */ var flag = bpmclient.createProcessInstWithOption("vacation","请假流程管理","",true,false,params); if(flag){ mx.indicate("info", "流程创建成功"); //发起成功后处理业务逻辑 _dataGrid.load(); }else{ mx.indicate("info", "流程创建失败"); } } else { mx.indicate("info", "选定记录的流程已发送，不能再次发送！"); return; } } /** * 调用js流程推送 */ me._btnSendJS_onclick = function(){ me.view.form.save(function(p_data) { if(p_data) { savedObj = p_data.successful; if(!savedObj) { alert("信息保存【失败】,不能发送流程！"); return; } var bpmclient = new bpmintegrate.utils.BPMClient(); /** * 完成工作项 * * @param workItemId 工作项ID */ var flag = bpmclient.finishWorkItem(me.workItemIdD); if(flag){ mx.indicate("info", "流程发送成功"); } } }); } /*******************************form自动填写不渴编辑开始**************************************/ onload: me.controller.setDepId_onload, me.setDepId_onload = function() { me.view.getForm().entityContainer.data.setValue("depId", me.view.depId); me.view.getForm().setFieldReadOnly("depId", true); }; /*******************************前端调用后台开始**************************************/ var client = new mx.rpc.RESTClient(); var startUrl = "~/../exam/rest/examfeedetail/updateStatus"; var businessData = { businessId : checkedID, status : status }; client.get(startUrl, businessData, function(p_flag) {} // End of callback function ); /*******************************weblet container使用**************************************/ var WebletContainer = null; function _initWebletView() { WebletContainer = new mx.weblets.WebletContainer({ $e: HSplitRightArea0.$e, webletID: "emp" }); //WebletContainer.view.getDataGrid().on("itemclick",me.controller._emp_onitemclick); } me.getWebletContainer = function(){ return WebletContainer; } /*******************************导出excel使用开始**************************************/ me._btnExportExcel_onclick = function() { me.view.getDataGrid().exportExcel( { tableName:"exam_fee_detail", columnNames:"fee_Id,emp_Id,fee,sub_Time,end_Time,fee_Status", columnCaptions:"报销流水ID,员工ID,报销金额,提交时间,结束时间,报销进度", fileName:"报销表单" }); }; /*******************************rendCell使用开始**************************************/ { name: "operate", caption: "操作" , isVirtual: true, editorType: "TextEditor" , renderCell:me.controller._btnOpreateColumn_onclick } me._btnOpreateColumn_onclick = function(p_item, $p_cell) { var editLinkEditor = new mx.editors.LinkEditor( { "type" : "imgtext",//指定链接的类型。 "width" : "30",//指定控件宽度。 "imageKey" : "1",//指定图标名称。 "text" : "编辑" }); editLinkEditor.on("click", me._btnSubEdit_onclick); var deleteLinkEditor = new mx.editors.LinkEditor( { "type" : "imgtext",//指定链接的类型。 "width" : "30",//指定控件宽度。 "imageKey" : "1",//指定图标名称。 "text" : "删除" }); deleteLinkEditor.on("click", me._btnSubDelete_onclick); $p_cell.append(editLinkEditor.$e); $p_cell.append(deleteLinkEditor.$e); }; /** * datagrid单元格渲染变色 */ me._btnMasterItem_oncelledited = function(e) { if(e.column.name == "compName"){ e.cell.css("background-color","green"); } }; /*******************************Form field变色开始**************************************/ { name: "leader", caption: "法人", editorType: "TextEditor", onchanged:me.controller._btnSubItem_oncelledited}, me._btnSubItem_oncelledited = function() { //me.view.getForm().getEditor("leader").$e.css("background-color","red"); me.view.getForm().getEditor("leader").$e.find("input").css("background-color","red"); }; /*******************************FilteEditor开始**************************************/ //注意type用form还是grid { name: "operFile", caption: "投标文件", editorType: "FileEditor", type: "form" , uploadMode: "blob" , tableName: "proj_unit_detail" , primaryKey: "ID" , colName: "OPER_FILE" }, /*******************************图表使用开始**************************************/ ////图表前端代码 var lineContainer=null; var chartTitle={}; var chartAxes={}; var dataTable=null; var createLineChart=null; _initLineChartContainer(); _initRemoteChart(); //创建div,用于绘制图表 function _initLineChartContainer(){ lineContainer=new mx.containers.Container({ id:"divLineChartContainer" }); me.addControl(lineContainer); } /** * create pie chart */ function _createLineChart(){ createLineChart = new mx.charts.ChartWrapper({ //设置图表类型 plotType: "CategorizedHorizontal",// 柱状图 globalSettings : { animation:{ enabled:true } }, title: {text: "部门设备数统计"},//创建标题对象 height: "100%", width: "100%", // 设置图表系列显示方式。default_series_type 默认值 Bar，可选值 Bar、RangeBar、Line、RangeArea、RangeSplineArea、 // Spline、Marker、Area、Bubble、Candlestick、OHLC等。 data_plot_setting: { pie_series:{ label_settings:{ enabled:true, position:{ anchor:"Center", padding:20 }, format:"{%Name}-{%YPercentOfSeries}{numDecimals:1}%" } }, tooltip_settings:{ enabled:true, format:"{%Name}Sales: ${%Value}Percent: {%YPercentOfSeries}{numDecimals: 2}%" } }, chart_settings: { chart_background:{ border: {color: "blue", thickness: 2}, corners: {type: "Rounded"}, // type 默认值 Square，可选值 Square、Cut、Rounded、RoundedInner。分别代表方角、切角、圆角。 effects: {drop_shaddow: {enabled: true}} },//设置图表背景。 axes: { y_axis: {title: {text: "设备数"}}, x_axis: {title: {text: "部门"}} } //设置图表纵、横坐标标题。 }, data_plot_background: { fill: {type: "Gradient", opacity: 0.5}, //type 默认值 Solid，可选值 Solid、Gradient、Image，分别代表实线、渐变、图片填充。 effects: {enabled: true, inner_shaddow: {enabled: true, distance: 5, angle: 30}} },//设置图表数据区域背景。 palettes: {item: {color: "red, blue, yellow"}, gradient: {type: "Radial"}}//type 默认值 Linear，可选值 Linear、Radial，分别代表线性填充和辐射填充。 }); createLineChart.setData(dataTable); createLineChart.draw("divLineChartContainer"); } //初始化远程表格属性 function _initRemoteChart(){ /*chartTitle.text="部门设备数统计"; chartAxes.y_axis={title:{text:"设备数"}}; chartAxes.x_axis={title:{text:"部门"}}; dataTable = new mx.datas.DataTable({ rows: [ {cells:[{value:"江苏"},{value:1000}]}, {cells:[{value:"南京"},{value:800}]}, {cells:[{value:"苏州"},{value:600}]}, {cells:[{value:"扬州"},{value:650}]} ] });*/ chartTitle.text="设备数统计"; chartAxes.y_axis={title:{text:"设备数"}}; chartAxes.x_axis={title:{text:"公司"}}; var restClient = new mx.rpc.RESTClient(); var p_context=restClient.getSync( case4.mappath("~/rest/uapbm/chart/") ); p_context = "{rows:[{cells:[{value:'江苏省电力公司'},{value:'2'}]},{cells:[{value:'南京电力公司'},{value:'1'}]},{cells:[{value:'苏州电力公司'},{value:'1'}]}]}"; var jsonObj=eval("("+p_context+")"); dataTable = new mx.datas.DataTable(jsonObj); } ////图表后台代码 @RequestMapping(value="/chart",method=RequestMethod.GET) public @RawResponseBody Object getChartValue() { @SuppressWarnings("unchecked") //根据公司名查询出公司以及公司对应的设备数 List<Object> chartValueList = departBizc.getChartValue(); //封装DataTable格式 StringBuffer dataTable=new StringBuffer(); dataTable.append("{rows:["); for (int i = 0; i < chartValueList.size(); i++) { Object[] obj=(Object[])chartValueList.get(i); if(i==chartValueList.size()-1){ dataTable.append("{cells:[{value:'"+obj[0]+"'},{value:'"+obj[1]+"'}]}"); } else{ dataTable.append("{cells:[{value:'"+obj[0]+"'},{value:'"+obj[1]+"'}]},"); } } dataTable.append("]}"); System.out.println(dataTable.toString()); return dataTable; //do not use toString() }

上一篇 »python条件表达式:多项分支,双向分支
下一篇 »javascript 入门 code，1

UAP Javascript Code

相关推荐

JavaScript编码规范

HTML5 javascript CSS3 jQuery Mobile一些好用的网站

python中文件的基础操作

linux socket error code

JavaScript中统计字符的个数

PHP验证码代码

linux下visual studio code配置c++调试环境实例

java setInterval