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 ...
随机推荐
- [Windows Server 2008] 查看ASP详细错误信息方法
★ 欢迎来到[护卫神·V课堂],网站地址:http://v.huweishen.com ★ 护卫神·V课堂是护卫神旗下专业提供服务器教学视频的网站,每周更新视频. ★ 本节我们将带领大家:查看IIS下 ...
- JavaScript面试题链接汇总
最新JavaScript笔试题(含答案) - 爱思资源网 前端工程师面试问题列表 - 爱思资源网 腾讯最新前端面试题记录分享 - 爱思资源网 优酷前端JS部分面试题 - 爱思资源网 百度校园招聘web ...
- PHP 之转换excel表格中的经纬度
<?php set_time_limit(0); include './plugin/PHPExcel/PHPExcel.php'; include './plugin/PHPExcel/PHP ...
- css知识框架
- UGUI世界坐标转换为UI本地坐标(游戏Hud的实现)
实现世界坐标的原理是: 世界坐标和UGUI的坐标分属两个坐标系,他们之间是无法进行转换的,需要通过屏幕坐标系来进行转换(因为屏幕坐标是固定的),即先将游戏场景中的世界坐标通过游戏场景Camera转化为 ...
- iview中Modal弹窗做form表单验证相关问题
在modal中初始化状态,点击确定弹窗消失. 有的时候表单验证就不希望立刻消失 在iview官网中有自定义页头页脚 可以直接自定义使用 另一种验证写法 serform: { ctCatelogue: ...
- 解决hibernate删除时的异常 deleted object would be re-saved by cascade (remove deleted object from associa
今天在做项目时,需要删除一个对象,由于关联关系是一对多和多对一的关系,于是在代码中需要删除多的一方的对象时出现了 deleted object would be re-saved by cascade ...
- 1 Excel
#region 设置页边距 //sheet.SetMargin(MarginType.LeftMargin, (double)0.6 / 3); //sheet.SetMargin(MarginTyp ...
- idea SSM里配置redis
参考文章 https://blog.csdn.net/qq_17635843/article/details/78522776
- Python基础-while奇数和
利用while循环计算100*座位号 以内奇数的和. n = 1 s = 0 SeatID=1 while n <= 100*SeatID: s += n n += 2 print '奇数的和: ...