79.员工薪水报表 Extjs 页面
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 页面的更多相关文章
- 74.资金管理-员工工资配置 extjs 页面
1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...
- 61.员工信息管理Extjs 页面
1.员工信息管理jsp <%@ page language="java" pageEncoding="UTF-8"%> <script typ ...
- 78.员工个人信息保镖页面 Extjs 页面
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" ...
- SQL-12 获取所有部门中当前员工薪水最高的相关信息，给出dept_no, emp_no以及其对应的salary
题目描述 获取所有部门中当前员工薪水最高的相关信息,给出dept_no, emp_no以及其对应的salaryCREATE TABLE `dept_emp` (`emp_no` int(11) NOT ...
- 润乾报表一个页面中的echarts地图与其他区块的联动
需求概述: DBD样式效果如下图所示,需要点击左侧地图中的地区,右侧的仪表盘,柱线图可以对应显示对应该地区的数据. 实现思路: 分别制作带有地图.仪表盘.柱线图的3张报表:将3张报表放到DBD中设置布 ...
- 80.用户管理 Extjs 页面
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" ...
- Springboot：员工管理之公共页面提取 高亮显示（十（5））
把顶部和左侧的公共代码分别放到header.html和left.html中 顶部代码:resources\templates\header.html 主内容展示: <!DOCTYPE html& ...
- ext.net在使用水晶报表时页面无数据显示，并报错误Uncaught ReferenceError: bobj is not defined.
一.错误描述 在公司做项目的时候,有时会需要用到水晶报表显示数据,水晶报表在ASP.NET中使用时没有问题,winform项目开发也没有问题,但是在ext.net开发使用时却报错了,错误:Uncaug ...
- 70.资金管理-福利表管理 Extjs 页面
1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...
随机推荐
- Python 之__slots__的作用
# 注意:__slots__ 用来限制当前类的实例属性的,如:name.age才可被使用,添加其他的属性则报错 # 不会限制继承类的属性 class Person(): __slots__ = (&q ...
- 删除Git服务器文件但是保留本地文件
参考: https://blog.csdn.net/u012804886/article/details/83059315 https://www.cnblogs.com/wfsovereign/p/ ...
- Linux基础篇（1）
1.计算机硬件的五大单元 五大单元:输入单元,输出单元,CPU内部的控制单元,算术逻辑单元与内存等五大部分. (Ps:CPU实际要处理的数据完全来自于内存) 2.计算机上常用的计算单位 (1)容量单位 ...
- wing ide破解
LicenseID='CN123-12345-12345-67891' # RequestCode='RL634-8363J-X7E8K-95XD3' RequestCode = 'RW61C-NN6 ...
- json和pickle的序列化
PICKle模块:
- 解决高分屏/高DPI下GNOME3/Linux字体和按钮太小的问题
更改系统设置就好了. 我的设备是Surface Pro,12英寸,分辨率2736x1824,在虚拟机里安装CentOS 7后字特别小,标题栏的最小化/最大化/关闭按钮也很小,眼睛受不了的. 更改两个设 ...
- Ajax基本写法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Asp.NET误人子弟教程：在MVC里面结合JQ实现AJAX
public class Person { public string Name { get; set; } public string City { get; set; } public strin ...
- Huawei-R&S-网络工程师实验笔记20190525-设备登录、VRP基本配置、文件系统
>Huawei-R&S-网络工程师实验笔记20190525-设备登录.VRP基本配置.文件系统(环回接口.telnet远程.AAA登录.命令行.时钟.banner.文件目录) >& ...
- mybatis注解开发-动态SQL
实体类以及表结构 在mybatis-config.xml中注册mapper接口 -------------------------- 动态查询@SelectProvider EmployeeMappe ...