1

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %> <html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head> <body>
<!-- <a href="emp_report.action?empId=0007" target="_blank">report</a>
<s:form action="emp_report.action">
<s:textfield name="empId"/>
<s:submit value="确定"/>
</s:form>-->
<script type="text/javascript">
var salaryPanel = new SalaryPanel();
var w = Ext.getCmp('mainTab').getActiveTab().getInnerWidth();
var h = Ext.getCmp('mainTab').getActiveTab().getInnerHeight();
var activeTab = Ext.getCmp('salaryPanelId');
if(activeTab){
activeTab.setHeight(h);
activeTab.setWidth(w);
}
activeTab.render('salaryDiv');
</script>
<div id="salaryDiv"></div>
</body>
</html>

2.

 SalaryPanel = Ext.extend(Ext.Panel,{
id: 'salaryPanelId',
constructor: function(){
SalaryPanel.superclass.constructor.call(this, {
items: [{
html: '<iframe src="" id="viewArea" width="100%" height="500" frameborder="0" scrolling="auto"></iframe>'
}],
tbar: new Ext.Toolbar({
items: ['员工工号',{
xtype: 'textfield',
id: 'report_empId',
width: 80,
listeners: {'blur': blurFn2}
},'年份',{
xtype: 'textfield',
width: 80,
id: 'year'
},'月份',{
xtype: 'combo',
mode: 'local',
editable: false,
store: new Ext.data.SimpleStore({
fields: ['name','value'],
data: [[0,"全部"],[1,"一月"],[2,"二月"],[3,"三月"],[4,"四月"],[5,"五月"],
[6,"六月"],[7,"七月"],[8,"八月"],[9,"九月"],[10,"十月"],[11,"十一月"],
[12,"十二月"]]
}),
id: 'month',
width: 70,
triggerAction: 'all',
displayField: 'value',
valueField: 'name'
},{
text: '工资单预览',
handler: this.viewFn
},'-',{
text: '工资单导出',
handler: this.exportFn
}]
})
})
},
viewFn: function(){
var url = 'salary_view.action?empId=';
var empId = Ext.get('report_empId').dom.value;
var year = Ext.get('year').dom.value;
var month = Ext.getCmp('month').getValue();
Ext.get('viewArea').dom.src = url+empId+"&year="+year+"&month="+month;
},
exportFn: function(){
var url = 'emp_report.action?empId=';
var empId = Ext.get('report_empId').dom.value;
var year = Ext.get('year').dom.value;
var month = Ext.getCmp('month').getValue();
document.location = 'salary_export.action?empId='+empId+"&year="+year+"&month="+month;
}
});
blurFn2 = function(value){
var empId = value.getRawValue();
if(empId != '')
Ext.Ajax.request({
url: 'emp_isExist.action',
method: 'post',
params: {
empId: empId
},
success: isExistSuccessFn2,
failure: save_failure
})
};
isExistSuccessFn2 = function(response, options){
if(response.responseText == ''){
Ext.Msg.alert('提示','此工号不存在');
}
}

79.员工薪水报表 Extjs 页面的更多相关文章

  1. 74.资金管理-员工工资配置 extjs 页面

    1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...

  2. 61.员工信息管理Extjs 页面

    1.员工信息管理jsp <%@ page language="java" pageEncoding="UTF-8"%> <script typ ...

  3. 78.员工个人信息保镖页面 Extjs 页面

    1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" ...

  4. SQL-12 获取所有部门中当前员工薪水最高的相关信息,给出dept_no, emp_no以及其对应的salary

    题目描述 获取所有部门中当前员工薪水最高的相关信息,给出dept_no, emp_no以及其对应的salaryCREATE TABLE `dept_emp` (`emp_no` int(11) NOT ...

  5. 润乾报表一个页面中的echarts地图与其他区块的联动

    需求概述: DBD样式效果如下图所示,需要点击左侧地图中的地区,右侧的仪表盘,柱线图可以对应显示对应该地区的数据. 实现思路: 分别制作带有地图.仪表盘.柱线图的3张报表:将3张报表放到DBD中设置布 ...

  6. 80.用户管理 Extjs 页面

    1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" ...

  7. Springboot:员工管理之公共页面提取 高亮显示(十(5))

    把顶部和左侧的公共代码分别放到header.html和left.html中 顶部代码:resources\templates\header.html 主内容展示: <!DOCTYPE html& ...

  8. ext.net在使用水晶报表时页面无数据显示,并报错误Uncaught ReferenceError: bobj is not defined.

    一.错误描述 在公司做项目的时候,有时会需要用到水晶报表显示数据,水晶报表在ASP.NET中使用时没有问题,winform项目开发也没有问题,但是在ext.net开发使用时却报错了,错误:Uncaug ...

  9. 70.资金管理-福利表管理 Extjs 页面

    1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...

随机推荐

  1. C#——简单工厂

    简单工厂的方法实现过程核心就是之前介绍的接口应用.所以直接上代码: public interface IPerson { void Say(); } public class Student : IP ...

  2. Centos6.7 编译安装 MySQL教程

    Centos6.7 编译安装 MySQL # 安装依赖包 [root@localhost ~]# yum -y install gcc gcc-c++ autoconf* automake* zlib ...

  3. Codeforces_733C

    C. Epidemic in Monstropolis time limit per test 1 second memory limit per test 256 megabytes input s ...

  4. Memcached 之PHP实现服务器集群一致性hash算法

    /** * memcached 一致性hash,分布式算法 * Class MemcacheCluster */ class MemcacheCluster { protected $nodes = ...

  5. redis中关于使用string类型还是hash类型

    前篇:最近在做一个将redis中大数据量进行合并缩减优化的工作,其中一项按月将数据进行合并.将一个月的数据放入一个key-value键值对中. 例:p2d20180901-3.p2d20180902- ...

  6. Luogu P1629 邮递员送信

    P1629 邮递员送信 题目描述 有一个邮递员要送东西,邮局在节点1.他总共要送N-1样东西,其目的地分别是2~N.由于这个城市的交通比较繁忙,因此所有的道路都是单行的,共有M条道路,通过每条道路需要 ...

  7. 网际协议IP简述

    最近花了些时间重新回顾了谢希仁教授主编的<计算机网络>关于网络层的章节,这是一本高校教材,里面关于计算机网络的内容比较基础,并且讲的很细致,笔者针对网际协议IP地址部分觉得有必要进行阅读后 ...

  8. [luogu2154 SDOI2009] 虔诚的墓主人(树状数组+组合数)

    传送门 Solution 显然每个点的权值可以由当前点上下左右的树的数量用组合数\(O(1)\)求出,但这样枚举会T 那么我们考虑一段连续区间,对于一行中两个常青树中间的部分左右树的数量一定,我们可用 ...

  9. MySQL多表连接操作

    select * from userinfo ,dapartment where userinfo.part_id = dapartment.id; --左连接: 左边全部显示 select * fr ...

  10. Yii2开发技巧 使用类似闭包的方式封装事务

    在控制器中执行事务的时候,一般的代码如下: $transaction = Yii::$app->db->beginTransaction(); try { //一些业务代码 $transa ...