67.员工职位变动js
1.员工职位jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>员工调动</title>
<script type="text/javascript">
var jobChange = new JobChangeInfoPanel();
tabId = Ext.getCmp('mainTab').getActiveTab().id.split('_')[1];
juage(tabId, "jobch", jobChange, "jobChangeDiv");
</script>
</head>
<body>
<div id="jobChangeDiv"></div>
</body>
</html>
2.员工职位信息js
/**
* @author sux
* @desc 职员调动信息
* @date 2011-02-13
*/
Ext.namespace("hrmsys.jobChange"); var JobChangeInfoPanel = Ext.extend(Ext.grid.GridPanel,{
id: 'jobChangeInfo',
constructor: function(){
Ext.QuickTips.init(); var sm = new Ext.grid.CheckboxSelectionModel();
var number = new Ext.grid.RowNumberer();
//该类用于定义表格的列模型
var cm = new Ext.grid.ColumnModel([
number, sm,
{
header: '员工',
dataIndex: 'employee',
align: 'center'
},{
header: '原部门',
dataIndex: 'departmentByJcOldDept',
align: 'center'
},{
header: '原职位',
dataIndex: 'jobByJcOldJob',
align: 'center'
},{
header: '新部门',
dataIndex: 'departmentByJcNewDept',
align: 'center'
},{
header: '新职位',
dataIndex: 'jobByJcNewJob',
align: 'center'
}]); jobChangeStore = new Ext.data.JsonStore({
url:'jobChange_list.action',
root:'root',
totalProperty:'totalProperty',
fields: ['jcId',{name: 'employee', convert: function(v){return v.empName}},
{name: 'departmentByJcNewDept', convert: function(v){return v.deptName}},
{name: 'departmentByJcOldDept', convert: function(v){return v.deptName}},
{name: 'jobByJcNewJob', convert: function(v){return v.jobName}},
{name: 'jobByJcOldJob', convert: function(v){return v.jobName}}]
}); JobChangeInfoPanel.superclass.constructor.call(this,{
width: Ext.getCmp('mainTab').getActiveTab().getInnerWidth(),
height: Ext.getCmp('mainTab').getActiveTab().getInnerHeight(),
/**表格高度自适应 document.body.clientHeight浏览器页面高度 start**/
monitorResize: true,
doLayout: function() {
this.setWidth(document.body.clientWidth-205);
this.setHeight(document.body.clientHeight-140);
Ext.grid.GridPanel.prototype.doLayout.call(this);
} ,
viewConfig:{
forceFit: true,
enableRowBody:true//是否包含行体
},
//columns:[{header: 'kk',dataIndex: 'jcId'}],
cm: cm,
sm: sm,
store: jobChangeStore,
tbar: new Ext.Toolbar({
items:['条目:',{
width: 80,
xtype: 'combo',
mode: 'local',
store: new Ext.data.SimpleStore({
fields: ['name', 'value'],
data: [['empId','员工工号'],['empName','员工姓名']]
}),
displayField: 'value',
valueField: 'name',
id: 'jc_condition',
triggerAction: 'all',
editable: false },' 内容:',{
xtype: 'textfield',
id: 'jc_conditionValue',
width: 80
},{
text: '删除',
id: 'jobch_delete',
handler: this.jobChangeDelFn
},{
text: '添加',
id: 'jobch_add',
handler: this.jobChangeAddFn
},{
text: '修改',
id: 'jobch_update',
handler: this.jobChangeUpdateFn
},{
text: '详情',
id: 'jobch_detail',
handler: this.jobChangeDetailFn
}]
}),
bbar: new PagingToolbar(jobChangeStore, 20)
});
jobChangeStore.load({
params: {
start: 0,
limit: 20
}
});
},
//查询
jobChangeQueryFn:function(){
var condition = Ext.getCmp('jc_condition').getValue();
var conditionValue = Ext.getCmp('jc_conditionValue').getValue();
jobChangeStore.load({
params: {
condition: condition,
conditionValue: conditionValue,
start: 0,
limit: 20
}
});
},
//添加
jobChangeAddFn:function(){
var jobChangeAddWin = new JobChangeAddWin();
jobChangeAddWin.show();
},
//删除
jobChangeDelFn: function(){
gridDel('jobChangeInfo','jcId','jobChange_delete.action');
},
//修改
jobChangeUpdateFn:function(){
var jobChangeAddWin = new JobChangeAddWin();
jobChangeAddWin.title = '员工职位变动修改';
var selectionModel = Ext.getCmp('jobChangeInfo').getSelectionModel();
//多条记录
var record = selectionModel.getSelections();
if(record.length!=1){
Ext.Msg.alert('提示','请选择一个');
return;
}
var jcId = record[0].get('jcId');
Ext.getCmp('jobChangeaAdd').getForm().load({
url: 'jobChange_edit.action',
params: {
jcId: jcId
},
success: function(form, action){
var obj = Ext.util.JSON.decode(action.response.responseText);
//Ext.getCmp("jobValue旧职位").setRawValue(obj[0].jobByJcOldJob.jobName);
//Ext.getCmp("deptValue旧部门").setRawValue(obj[0].departmentByJcOldDept.deptName);
//方法获取的是中选中项的文本text值，
Ext.get('jc_oldDept').dom.value = obj[0].jobByJcOldJob.jobName;
Ext.get('jc_oldJob').dom.value = obj[0].departmentByJcOldDept.deptName;
//，则getValue()返回的是valueFiled的值，getRawValue()返回的则是displayField的值
Ext.getCmp("deptValue新部门").setRawValue(obj[0].departmentByJcNewDept.deptName);
Ext.getCmp("jobValue新职位").setRawValue(obj[0].jobByJcNewJob.jobName);
}
})
jobChangeAddWin.show();
},
//详情
jobChangeDetailFn:function(){
var jobChangeDetailWin = new JobChangeDetailWin();
var selectionModel = Ext.getCmp('jobChangeInfo').getSelectionModel();
var record = selectionModel.getSelections();
if(record.length != 1){
Ext.Msg.alert('提示','请选择一个');
return;
}
var jcId = record[0].get('jcId');
Ext.getCmp('jobChangeaDetail').getForm().load({
url: 'jobChange_edit.action',
params: {
jcId: jcId
}
})
jobChangeDetailWin.show();
}
});
3.员工添加页面
Ext.namespace("hrmsys.jobChange.add");
/**
* @author sux
* @desc 职员调动录入
* @date 2011-02-13
*/
// 新建窗口
JobChangeAddWin = Ext.extend(Ext.Window, {
id : 'jobChangeAddWinId',
title : '员工职位添加',
constructor : function() {
var jobChangeAddPanel = new JobChangeAddPanel();
JobChangeAddWin.superclass.constructor.call(this, {
resizable : false,
modal : true,
width : 850,
height : 340,
items : [ jobChangeAddPanel ]
})
}
});
// 子面板
var JobChangeAddPanel = Ext.extend(Ext.form.FormPanel, {
id : 'jobChangeaAdd',
constructor : function() {
Ext.QuickTips.init();
var reader = new Ext.data.JsonReader({}, [ {
name : 'jobChange.jcId',
mapping : 'jcId'
}, {
name : 'jobChange.employee.empId',
mapping : 'employee.empId'
}, {
name : 'jobChange.employee.empName',
mapping : 'employee.empName'
}, {
name : 'jobChange.jcReason',
mapping : 'jcReason'
}, {
name : 'jobChange.jcRemark',
mapping : 'jcRemark'
}, {
name : 'jobChange.departmentByJcOldDept.deptId',
mapping : 'departmentByJcOldDept.deptId'
}, {
name : 'jobChange.jobByJcOldJob.jobId',
mapping : 'jobByJcOldJob.jobId'
}, {
name : 'jobChange.departmentByJcNewDept.deptId',
mapping : 'departmentByJcNewDept.deptId'
}, {
name : 'jobChange.jobByJcNewJob.jobId',
mapping : 'jobByJcNewJob.jobId'
} ]);
var oldDeptJC = new DepartJob("旧部门",
"jobChange.departmentByJcOldDept.deptId");
var oldJobJC = new Job("旧职位", "jobChange.jobByJcOldJob.jobId",
oldDeptJC);
oldJobJC.on('expand', function(comboBox) {
var deptId = Ext.getCmp('deptValue旧部门').getValue();
this.getStore().load({
params : {
deptId : deptId
}
})
});
var newDeptJC = new DepartJob("新部门",
"jobChange.departmentByJcNewDept.deptId");
var newJobJC = new Job("新职位", "jobChange.jobByJcNewJob.jobId",
newDeptJC);
newJobJC.on('expand', function(comboBox) {
var deptId = Ext.getCmp("deptValue新部门").getValue();
this.getStore().load({
params : {
deptId : deptId
}
})
});
JobChangeAddPanel.superclass.constructor.call(this, {
// collapsible: true,
// collapsed: true,
frame : true,
titile : '职员调动录入',
labelWidth : 60,
labelAlign : 'right',
reader : reader,
items : [ {
xtype : 'fieldset',
title : '职员调动录入',
layout : 'table',
layoutConfig : {
columns : 4
},
items : [
//第一个form
{
layout : 'form',
defaultType : 'textfield',
defaults : {
width : 100
},
width : 200,
//第一个form的元素
items : [ {
xtype : 'hidden',
name : 'jobChange.jcId'
}, {
fieldLabel : '员工编号',
allowBlank : false,
msgTarget : 'side',
emptyText : '不能为空',
blankText : '请填写员工号',
id : 'jc_empId',
name : 'jobChange.employee.empId',
listeners : {
'blur' : jcEmpFn
}
}, {
fieldLabel : '原部门',
readOnly : true,
msgTarget : 'side',
blankText : '不能为空',
allowBlank : false,
id : 'jc_oldDept'
}, {
xtype : 'hidden',
id : 'jc_oldDeptId',
name : 'jobChange.departmentByJcOldDept.deptId'
} ]
},
//第二个form
{
layout : 'form',
defaultType : 'textfield',
defaults : {
width : 100
},
width : 200,
//第二个form里的元素
items : [ {
fieldLabel : '员工姓名',
readOnly : true,
id : 'jc_empName',
name : 'jobChange.employee.empName'
}, {
fieldLabel : '原职位',
readOnly : true,
allowBlank : false,
msgTarget : 'side',
blankText : '不能为空',
id : 'jc_oldJob'
}, {
xtype : 'hidden',
id : 'jc_oldJobId',
name : 'jobChange.jobByJcOldJob.jobId'
} ]
},
//第三个form
{
layout : 'form',
defaultType : 'textfield',
defaults : {
width : 100
},
width : 200,
//第三个form元素
items : [ {
xtype : 'panel',
height : 26
}, newDeptJC ]
},
//第四个form
{
layout : 'form',
defaultType : 'textfield',
defaults : {
width : 100
},
width : 200,
//第四个form元素
items : [ {
xtype : 'panel',
height : 26
}, newJobJC ]
},
//第五个form
{
layout : 'form',
colspan : 2,
//第五个form元素
items : [ {
xtype : 'textarea',
fieldLabel : '调动原因',
height : 150,
width : '100%',
name : 'jobChange.jcReason'
} ]
},
//第六个form
{
layout : 'form',
colspan : 2,
//第六个form元素
items : [ {
xtype : 'textarea',
fieldLabel : '备注',
height : 150,
width : '100%',
name : 'jobChange.jcRemark'
} ]
},
//按钮
{
colspan : 4,
buttonAlign : 'center',
buttons : [ {
text : '保存',
iconCls : 'save',
handler : saveJCFn
}, {
text : '关闭',
iconCls : 'cancel',
handler : cancelJCFn
} ]
} ]
} ]
})
}
});
//失去焦点
jcEmpFn = function() {
var empId = Ext.get('jc_empId').dom.value;
Ext.Ajax.request({
url : 'emp_unique.action',
success : empJuageSuccessFn,
failure : failureFn,
params : {
empId : empId
}
})
};
//失去焦点请求成功
empJuageSuccessFn = function(response, options) {
if ("" != response.responseText) {
var obj = Ext.util.JSON.decode(response.responseText);
Ext.get('jc_empName').dom.value = obj[0].empName;
Ext.get('jc_oldDept').dom.value = obj[0].department.deptName;
Ext.get('jc_oldJob').dom.value = obj[0].job.jobName;
Ext.get('jc_oldDeptId').dom.value = obj[0].department.deptId;
Ext.get('jc_oldJobId').dom.value = obj[0].job.jobId;
} else {
// 成批设置表单字段为验证无效
Ext.getCmp('jc_empId').markInvalid('此工号不存在');
}
};
//失去焦点请求失败
failureFn = function(respose, options) {
Ext.Msg.alert('提示', '连接后台失败');
};
//保存成功
saveJCFn = function() {
if (!Ext.getCmp('jobChangeaAdd').getForm().isValid()) {
return;
}
Ext.getCmp('jobChangeaAdd').getForm().submit({
url : 'jobChange_save.action',
method : 'post',
waitTitle : '提示',
waitMsg : '正在保存数据...',
success : saveJCSuccessFn,
failure : failureFn
})
};
//保存成功处理
saveJCSuccessFn = function(form, action) {
Ext.Msg.confirm("提示", action.result.msg, function(button, text) {
if (button == "yes") {
Ext.getCmp("jobChangeAddWinId").destory();
Ext.getCmp("jobChangeInfo").getStore().load({
params : {
start : 0,
limit : 20
}
});
}
});
};
//关闭按钮
cancelJCFn = function() {
Ext.getCmp("jobChangeAddWinId").destroy();
};
4.员工详情页面js
Ext.namespace("hrmsys.jobChange.detail");
/**
* @author sux
* @desc 职员调动录入
* @date 2011-02-13
*/
// 新窗口
JobChangeDetailWin = Ext.extend(Ext.Window, {
id : 'jobChangeDetailWinId',
title : '职员变动详情',
constructor : function() {
var jobChangeDetailPanel = new JobChangeDetailPanel();
JobChangeDetailWin.superclass.constructor.call(this, {
// 是否允许改变列宽
resizable : false,
modal : true,
width : 800,
height : 320,
items : [ jobChangeDetailPanel ]
})
}
});
// 面板
var JobChangeDetailPanel = Ext.extend(Ext.form.FormPanel, {
id : 'jobChangeaDetail',
constructor : function() {
Ext.QuickTips.init();
var reader = new Ext.data.JsonReader({}, [ {
name : 'jobChange.jcId',
mapping : 'jcId'
}, {
name : 'jobChange.employee.empId',
mapping : 'employee.empId'
}, {
name : 'jobChange.employee.empName',
mapping : 'employee.empName'
}, {
name : 'oldDept',
mapping : 'departmentByJcOldDept.deptName'
}, {
name : 'oldJob',
mapping : 'jobByJcOldJob.jobName'
}, {
name : 'newDept',
mapping : 'departmentByJcNewDept.deptName'
}, {
name : 'newJob',
mapping : 'jobByJcNewJob.jobName'
}, {
name : 'jobChange.jcReason',
mapping : 'jcReason'
}, {
name : 'jobChange.jcRemark',
mapping : 'jcRemark'
}, {
name : 'jobChange.jcAddPerson',
mapping : 'jcAddPerson'
}, {
name : 'jobChange.jcDate',
mapping : 'jcDate.time',
dateFormat : 'time',
type : 'date'
} ]);
JobChangeAddPanel.superclass.constructor.call(this, {
// collapsible: true,
// collapsed: true,
frame : true,
titile : '职员调动',
labelWidth : 60,
labelAlign : 'right',
reader : reader,
items : [ {
xtype : 'fieldset',
title : '职员调动',
layout : 'table',
layoutConfig : {
columns : 4
},
items : [ {
layout : 'form',
defaultType : 'textfield',
defaults : {
width : 100
},
width : 200,
items : [ {
xtype : 'hidden',
name : 'jobChange.jcId'
}, {
fieldLabel : '员工编号',
allowBlank : false,
msgTarget : 'side',
blankText : '请填写员工号',
id : 'jc_empId',
name : 'jobChange.employee.empId',
style : 'background: #dfe8f6;',
readOnly : true
}, {
xtye : 'textfield',
style : 'background: #dfe8f6;',
readOnly : true,
fieldLabel : '原部门',
name : 'oldDept'
} ]
}, {
layout : 'form',
defaultType : 'textfield',
defaults : {
width : 100
},
items : [ {
fieldLabel : '员工姓名',
readOnly : true,
id : 'jc_empName',
style : 'background: #dfe8f6;',
readOnly : true,
name : 'jobChange.employee.empName'
}, {
xtype : 'textfield',
style : 'background: #dfe8f6;',
readOnly : true,
fieldLabel : '原职位',
name : 'oldJob'
} ]
}, {
layout : 'form',
defaultType : 'textfield',
defaults : {
width : 100
},
items : [ {
xtype : 'textfield',
fieldLabel : '添加人',
name : 'jobChange.jcAddPerson',
style : 'background: #dfe8f6;',
readOnly : true,
height : 26
}, {
xtype : 'textfield',
style : 'background: #dfe8f6;',
readOnly : true,
fieldLabel : '新部门',
name : 'newDept'
} ]
}, {
layout : 'form',
defaultType : 'textfield',
defaults : {
width : 100
},
items : [ {
xtype : 'datefield',
style : 'background: #dfe8f6;',
readOnly : true,
format : 'Y-m-d',
fieldLabel : '添加时间',
name : 'jobChange.jcDate',
height : 26
}, {
xtype : 'textfield',
fieldLabel : '新职位',
style : 'background: #dfe8f6;',
readOnly : true,
name : 'newJob'
} ]
}, {
layout : 'form',
colspan : 2,
items : [ {
xtype : 'textarea',
fieldLabel : '调动原因',
height : 150,
width : '100%',
style : 'background: #dfe8f6;',
readOnly : true,
name : 'jobChange.jcReason'
} ]
}, {
layout : 'form',
colspan : 2,
items : [ {
xtype : 'textarea',
fieldLabel : '备注',
height : 150,
style : 'background: #dfe8f6;',
readOnly : true,
width : '100%',
name : 'jobChange.jcRemark'
} ]
}, {
colspan : 4,
buttonAlign : 'center',
buttons : [ {
text : '关闭',
iconCls : 'cancel',
handler : function() {
Ext.getCmp("jobChangeDetailWinId").destroy();
}
} ]
} ]
} ]
})
}
});
67.员工职位变动js的更多相关文章
- js+json实现ajax实例
前期准备: 安装wampserver或者其他相似软件来搭建本地集成安装环境 html.js.css等文件需要放置在wampserver中的www目录中,默认运行index页面 bootstrap.cs ...
- 61.员工信息管理Extjs 页面
1.员工信息管理jsp <%@ page language="java" pageEncoding="UTF-8"%> <script typ ...
- Python 学习第十八天 js 正则及其它前端知识
一,js 正则表达式 test 判断制度串是否符合规定的正则 (1)定义正则表达式匹配规则 js 中定义正则表达式为rep=/\d+/,两个//之间为正则模式 (2)rep.test( ...
- io.js的服務器突破
Node.js与io.js那些事儿 InfoQ中文站 05月20日 14:26 去年12月,多位重量级Node.js开发者不满Joyent对Node.js的管理,自立门户创建了io.js.io.js的 ...
- easyloader.js源代码分析
http://www.cnblogs.com/jasonoiu/p/easyloader_source_code_analysis.html Jquery easyui是一个javascript UI ...
- screen,client,page三种确定鼠标坐标的区别和原生JS事件写法，区别于Jquery的$.on(x,y);和$.click()
screenX clientX pageX的区别 screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角. clientX:跟scre ...
- arcgis for js/flex/sl 该选哪一个？
arcgis server开发webgis 在客户端有3种选择:js.flex.sl 他们除了开发arcgis外,本身还有一些常用的领域 js:在传统网站中很常用 flex:游戏.视频播放.动画特效 ...
- java数据库 JDBC操作MySQL数据库常用API 部门表和员工表 创建表 添加数据 查询数据
package com.swift.department; import java.sql.Connection; import java.sql.PreparedStatement; import ...
- Ajax应用查询员工信息
首先要用上一篇的步骤启动服务器,建立站点.然后在该站点下创建php文件和html文件. php代码如下,文件名为server.php <?php //设置页面内容是html编码格式是utf-8 ...
随机推荐
- spring boot+mybatis+mysql增删改查分页
server: port: servlet: context-path: /springBootMybatis spring: datasource: name: test url: jdbc:mys ...
- 洛谷——P2252 取石子游戏
P2252 取石子游戏 有两堆石子,数量任意,可以不同.游戏开始由两个人轮流取石子.游戏规定,每次有两种不同的取法,一是可以在任意的一堆中取走任意多的石子:二是可以在两堆中同时取走相同数量的石子.最后 ...
- P1048 采药
题目描述 辰辰是个天资聪颖的孩子,他的梦想是成为世界上最伟大的医师.为此,他想拜附近最有威望的医师为师.医师为了判断他的资质,给他出了一个难题.医师把他带到一个到处都是草药的山洞里对他说:“孩子,这个 ...
- java用递归输出目录结构
package com.janson.day20180827; import java.io.File; public class TestTreeStructureDirectory { publi ...
- LINUX应用开发工程师职位(含答案)
就业模拟测试题-LINUX应用开发工程师职位 本试卷从考试酷examcoo网站导出,文件格式为mht,请用WORD/WPS打开,并另存为doc/docx格式后再使用 试卷编号:143989试卷录入者: ...
- Codeforces Round #395 C. Timofey and a tree
package codeforces; import java.util.*; public class CodeForces_764C_Timofey_and_a_tree { static fin ...
- JavaSE 学习笔记之集合框架（十八）
集合框架:,用于存储数据的容器. 特点: 1:对象封装数据,对象多了也需要存储.集合用于存储对象. 2:对象的个数确定可以使用数组,但是不确定怎么办?可以用集合.因为集合是可变长度的. 集合和数组的区 ...
- Leetcode 90.子集
子集 给定一个可能包含重复元素的整数数组 nums,返回该数组所有可能的子集(幂集). 说明:解集不能包含重复的子集. 示例: 输入: [1,2,2] 输出: [ [2], [1], [1,2,2], ...
- UIColor用自定义颜色，TableView去掉背景色
1.用mac系统自带的数码测色计,选RGB模式,将值添加到ColorWithRed:xxx.0/255 最后的alpha选1.0 2.TableView的背景色要用setBackgroundView的 ...
- 学PHP也要懂得HTML
简单的HTML制做: html超文本标记语言 HTML文件主体结构: <!DOCTYPE html><html> <!--htlm开始标记 --><head& ...