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 ...
随机推荐
- 关于mybatis返回值resultType为空的问题
假设数据库中一个user表 此时只有id为1的数据,当我们查询id为2的年龄时的时候返回值为null 但是在mybatis中预定义UserMapper.xml中 <select id=" ...
- STL源码分析之第二级配置器
前言 第一级是直接调用malloc分配空间, 调用free释放空间, 第二级三就是建立一个内存池, 小于128字节的申请都直接在内存池申请, 不直接调用malloc和free. 本节分析第二级空间配置 ...
- 洛谷——P1775 古代人的难题_NOI导刊2010提高（02）&& P1936 水晶灯火灵（斐波那契数列）
P1775 古代人的难题_NOI导刊2010提高(02) P1936 水晶灯火灵 斐波那契数列 1．x,y∈[1…k],且x,y,k∈Z 2.(x^2-xy-y^2)^2=1 给你一个整数k,求一组满 ...
- <MySQL>入门六 变量
/* 变量 系统变量: 全局变量 会话变量 自定义变量 用户变量 局部变量 */ -- ------------系统变量-------------------- /* 变量由系统提供,不是用户定义,属 ...
- knockout.js--基本用法
1,HTML元素的面向对象的赋值,数据绑定 text绑定:为p,span,div,td等加text属性值(即元素内部显示的文本), value绑定:为input添加value属性值, attr绑定:为 ...
- 基于虚拟机的centos6.5 搭建本地光盘yum源
在线yum安装必须要保持服务器能够连入网络并且他下载的还会比较慢因为地址大部分多是国外的下载站.另外yum在线下载的都是比较新的软件包,可能不是很稳定,那么使用yum的本地资源就是光盘里的RPM包,让 ...
- 洛谷 2146 [NOI2015]软件包管理器
[题解] 每个软件只依赖另一个软件,且依赖关系不构成环,那么很容易想到这是树形结构. 我们用1表示以安装,用0表示未安装或已卸载:那么安装一个软件,就是把它到树根的路径上所有的点都改为1:卸载一个软件 ...
- 如何使用loadrunner进行web网站性能测试
loadrunner压力测试原理 本质就是在loadrunner上模拟多个用户同时按固定行为访问web站点.其中固定行为在loadrunner中是通过录制脚本定义的,多个用户同时访问的策略是在load ...
- angular中多个promise的合并处理
all()方法 这个all()方法,可以把多个primise的数组合并成一个.当所有的promise执行成功后,会执行后面的回调.回调中的参数,是每个promise执行的结果.当批量的执行某些方法时, ...
- CKplayer：视频推荐和分享插件设置
如果想去掉播放结束后显示精彩视频推荐的插件,可以打开ckplayer.js和ckplayer.xml,找到以下代码,然后注释掉即可: control_rel: 'related.swf,ckplaye ...