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. The type new View.OnClickListener(){} must implement the inherited abstract method View.Onclicklis

    public class MainActivity extends Activity { protected Button startBrew = null; @Override protected ...

  2. 基于zk“临时顺序节点“的分布式锁

    import org.apache.zookeeper.*; import org.apache.zookeeper.data.Stat; import java.io.IOException; im ...

  3. IDEA 基本配置

    idea使用基本配置 1配置JDK开发环境 File->project structure: 2取消自动更新 file->setting:Appearance &Behavior下 ...

  4. 数据结构与算法(5) -- deque

    vector是单向开口的连续线性空间,deque则是一种双向开口的连续线性空间.所谓双向开口,意思是可以在头尾两端分别做元素的插入和删除操作.stl中deque与vector最大的差异,一在于dequ ...

  5. ubuntu系统中java开发环境的搭建

    Java环境可选择 Oracle 的 JDK,或是 OpenJDK,按http://wiki.apache.org/hadoop/HadoopJavaVersions中说的,新版本在 OpenJDK ...

  6. 使用 Cordova 打包 app

    1.安装nodejs 2.安装 cordova npm install -g cordova 3.Cordova 打包成安卓APK需要用到ANT打包工具,首先配置好java环境: 下载安装Java J ...

  7. BZOJ 3732 Network 【模板】kruskal重构树

    [题解] 首先,我们可以发现,A到B的所有路径中,最长边的最小值一定在最小生成树上.我们用Kruskal最小生成树时,假设有两个点集U,V,若加入一条边w(u,v)使U,V联通,那么w就是U中每个点到 ...

  8. hdu 5175 Misaki's Kiss again

    Misaki's Kiss again  Accepts: 75  Submissions: 593  Time Limit: 2000/1000 MS (Java/Others)  Memory L ...

  9. 清北学堂模拟赛d3t4 a

    分析:很水的一道题,就是用栈来看看是不是匹配就好了,只是最后没有判断栈是否为空而WA了一个点,以后做题要注意了. #include <bits/stdc++.h> using namesp ...

  10. hdu_1040_As Easy As A+B_201308191751

    As Easy As A+B Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)To ...