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. highcharts 组合chart

    /** *制作 复杂的组合型的 charts * *@param [options] 图表的默认配置 *@dependence jQuery.highcharts *@author wch */ fu ...

  2. 3星|《刷新》：微软第三任CEO上任三年后的回顾

    刷新:重新发现商业与未来 作者是微软第三任CEO,2014年2月上任.本书英文版出版于2017年9月,全书内容大致截至于2017年年初,算是作者上任三年后的回顾. 书中作者讲了不少自己的个人经历.作者 ...

  3. 解决windows64位系统上安装mysql-python报错

    解决windows64位系统上安装mysql-python报错 2018年03月12日 13:08:24 一个CD包 阅读数:1231    版权声明:本文为博主原创文章,未经博主允许不得转载. ht ...

  4. [系统资源攻略]CPU使用率和负载

    我们在搞性能测试的时候,对后台服务器的CPU利用率监控是一个常用的手段.服务器的CPU利用率高,则表明服务器很繁忙.如果前台响应时间越来越大,而后台CPU利用率始终上不去,说明在某个地方有瓶颈了,系统 ...

  5. 有赞 MySQL 自动化运维之路 — ZanDB

    转自:https://tech.youzan.com/youzan-mysql-auto-ops-road/ 一.前言 在互联网时代,业务规模常常出现爆发式的增长.快速的实例交付,数据库优化以及备份管 ...

  6. 推荐系统相关比赛-kaggle

    from: 七月在线 电商推荐与销量预测相关案例 一.预测用户对哪个事件感兴趣(感兴趣不一定去参加) 用户历史参加事件.社交信息.浏览信息(app).要预测的事件 recall:召回率 准确率: 协同 ...

  7. ubuntu下Apache2配置

    Ubuntu下Apache2的CGI简单配置:http://blog.csdn.net/a623891391/article/details/47170355 Ubuntu Apache的安装和配置以 ...

  8. 7-15 QQ帐户的申请与登陆

    7-15 QQ帐户的申请与登陆(25 分) 实现QQ新帐户申请和老帐户登陆的简化版功能.最大挑战是:据说现在的QQ号码已经有10位数了. 输入格式: 输入首先给出一个正整数N(≤10​5​​),随后给 ...

  9. BUPT2017 springtraining(16) #3 ——搜索与动态规划

    题目在这里啊 A.最长上升子序列,范围很小所以写了简单的O(n^2)算法 #include <iostream> #define rep(i, j, k) for(int i = j;i ...

  10. Docker在Windows 7下安装

    前言&一些资料: Docker之父:Solomon Hykes Docker生日:2013年3月 Docker历史小故事 1.下载地址:(daocloud是一个中国的docker服务商,知不知 ...