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. eclipse安装python开发pydev插件

    eclipse安装python开发pydev插件 下载eclipse的python开发插件pydev http://pan.baidu.com/s/1qXHt8pI 下载python.exe,并安装. ...

  2. 7、scala面向对象编程之类

    1.  定义一个简单的类 2.getter与setter 3.自定义getter与setter方法 4.仅暴露field的getter方法 5.private[this]的使用 6.Java风格的ge ...

  3. Caffe2：添加CUDA路径

    在使用Eclipse时候,仍然出现 libcuda.so 找不到的情况..... 原因:cuda环境没有设置到系统环境中. 方案: 设置CUDA path: 在bashrc中添加路径,只对当前用户产生 ...

  4. Python 之__slots__的作用

    # 注意:__slots__ 用来限制当前类的实例属性的,如:name.age才可被使用,添加其他的属性则报错 # 不会限制继承类的属性 class Person(): __slots__ = (&q ...

  5. Ansible实现zabbix服务器agent端批量部署

    项目需求:由于搭建zabbix,需要每台服务器都需要安装监控端(agent)正常的的操作是一台一台去安装,这样确实有点浪费时间,这里为大家准备了一款开源 的自动化运维工具Ansible,相信大家也很熟 ...

  6. vue上传阿里云图片组件

    首先需要弄一个阿里云存储.然后配置一下.前端就可以直接上传图片并回显.可在父级组件定义上传图片类型以及大小.默认为500kb.样式可以自适应调整. <template> <div c ...

  7. easyui 网址

    http://www.runoob.com/jeasyui/jeasyui-datagrid-datagrid23.html http://www.jeasyui.com http://fineui. ...

  8. JavaScript day3（数据类型）

    数据类型(data type) JavaScript提供七种不同的数据类型(data types),它们是string(字符串), symbol(符号), number(数字), undefined( ...

  9. 6）STM32使用HAL库实现modbus的简单通讯

    1.判断地址.校验 2.读取本机数据并校验打包 3.发送数据包 4.本机数据长度比要读取的长度短怎么办 4.校验错误怎么办

  10. ganglia问题小结

    1.gmetad和rrdtool的关系 gmetad负责将轮询gmond拉取到的数据存入rrdtool的文件中,rrdtool 2.gemtad.conf ①命令:/usr/sbin/gmetad - ...