70.资金管理-福利表管理 Extjs 页面
1.
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>"> <title>福利信息</title>
<script type="text/javascript">
var boon = new Boon();
var tabId = Ext.getCmp('mainTab').getActiveTab().id.split('_')[1];
juage(tabId,"boon",boon,"boon");
</script> </head>
<body>
<div id="boon" ></div>
</body>
</html>
2、
/**
* 福利信息
* @author sux 2011-02-23
* @memberOf {TypeName}
*/
var Boon = Ext.extend(Ext.grid.EditorGridPanel,{
id: 'boonId',
constructor: function(){
Ext.form.Field.prototype.msgTarget = 'title';
var number = new Ext.grid.RowNumberer();
var sm = new Ext.grid.CheckboxSelectionModel();
var boonStore = new Ext.data.JsonStore({
url: 'boon_edit.action',
root: 'root',
totalProperty: 'totalProperty',
fields: ['boonId','boonName','boonMoney','boonPercent','boonRmark']
});
var cm = new Ext.grid.ColumnModel([
number, sm,
{
header: '编号',
dataIndex: 'boonId',
align: 'center'
},{
header: '名称',
dataIndex: 'boonName',
align: 'center',
editor: new Ext.form.TextField({
allowBlank: false,
blankText: '不能为空'
})
},{
header: '总额',
dataIndex: 'boonMoney',
align: 'center',
editor: new Ext.form.NumberField({
allowBlank: false,
blankText: '不能为空'
})
},{
header: '百分比',
dataIndex: 'boonPercent',
align: 'center',
editor: new Ext.form.NumberField({
allowBlank: false,
blankText: '不能为空'
})
},{
header: '备注',
dataIndex: 'boonRemark',
align: 'center',
editor: new Ext.form.TextArea()
}]);
Boon.superclass.constructor.call(this, {
width: Ext.getCmp('mainTab').getActiveTab().getInnerWidth(),
height: Ext.getCmp('mainTab').getActiveTab().getInnerHeight(),
/**表格高度自适应 document.body.clientHeight浏览器页面高度 start**/
monitorResize: true,
doLayout: function() {
this.setWidth(document.body.clientWidth-205);
this.setHeight(document.body.clientHeight-140);
Ext.grid.GridPanel.prototype.doLayout.call(this);
} ,
viewConfig: {
forceFit: true
},
sm: sm,
cm: cm,
store: boonStore,
tbar: new Ext.Toolbar({
items: [{
text: '删除',
iconCls: 'delete',
id: 'boon_delete',
hidden: 'true',
handler: delBoonFn
},{
text: '新增',
id: 'boon_add',
hidden: 'true',
iconCls: 'add',
handler: newBoonFn
},{
text: '保存或修改',
iconCls: 'save',
id: 'boon_saveorupdate',
hidden: 'true',
handler: modifyBoonFn
}]
}),
bbar: new PagingToolbar(boonStore, 20)
});
boonStore.load({
params: {
start: 0,
limit: 20
}
});
}
});
//删除
delBoonFn = function(){
gridDel('boonId', 'boonId','boon_delete.action'); };
//新增
newBoonFn = function(){
var DefaultRecord = new Ext.data.Record.create([{name: 'boonId', mapping: 0},{name: 'boonName', mapping: 1},
{name: 'boonMoney', mapping: 2},{name: 'boonPercent', mapping: 3},{name: 'boonRemark', mapping: 4}]);
var num = Ext.getCmp('boonId').getStore().getCount();
var newRecord = new DefaultRecord({
boonId: num+1,
boonName: '',
boonMoney: '',
boonPercent: '',
boonRemark: ''
});
Ext.getCmp('boonId').getStore().insert(0,newRecord);
};
//保存或修
modifyBoonFn = function(){
var modifiedRecords = Ext.getCmp('boonId').getStore().getModifiedRecords();
var boons = reJson(modifiedRecords);
Ext.Ajax.request({
url: 'boon_modify.action',
waitTitle: '提示',
waitMsg: '正在保存数据...',
method: 'post',
params: {
json: boons
},
success: boonModifySuccessFn,
failure: boonModifyfailureFn
})
};
boonModifySuccessFn = function(response, options){
var datas = Ext.util.JSON.decode(response.responseText);
Ext.Msg.alert('提示',datas.msg,function(){
Ext.getCmp('boonId').getStore().load({
params: {
start: 0,
limit: 20
}
});
});
};
//保存失败
boonModifyfailureFn = function(response, options){
Ext.Msg.alert('提示','连接失败',function(){})
};
//转成json
reJson = function(modifiedRecords){
var count = modifiedRecords.length;
var boons='';
//有修改或保存
if(count > 0){
boons = "[";
for(i=0; i<count; i++){
boons += "{";
var boonId = modifiedRecords[i].get('boonId');
var boonName = modifiedRecords[i].get('boonName');
var boonMoney = modifiedRecords[i].get('boonMoney');
var boonPercent = modifiedRecords[i].get('boonPercent');
var boonRemark = modifiedRecords[i].get('boonRemark');
boons += '"boonId":'+boonId+', "boonName":"'+boonName+'","boonMoney":'+boonMoney+',"boonPercent":'+boonPercent+',"boonRemark":"'+boonRemark+'"}';
if( i != count-1)
boons += ","
}
boons += "]"
}
return boons;
}
70.资金管理-福利表管理 Extjs 页面的更多相关文章
- 69.资金管理-税率表管理extjs 页面
1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...
- 80.用户管理 Extjs 页面
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" ...
- 74.资金管理-员工工资配置 extjs 页面
1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...
- 82.角色管理Extjs 页面
1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...
- SNF开发平台WinForm之四-开发-主细表管理页面-SNF快速开发平台3.3-Spring.Net.Framework
4.1运行效果: 4.2开发实现: 4.2.1 有了第一个程序的开发,代码生成器的配置应该是没有问题了,我们只要在对应的数据库中创建我们需要的表结构就可以了,如下: 主表结构如下: ...
- SQLSERVER新建表的时候页面分配情况是怎样的？
SQLSERVER新建表的时候页面分配情况是怎样的? 再次感谢sqlskill网站和转载sqlskill网站文章并翻译的人,因为您们的转载和翻译让小弟又学习到新的东西o(∩_∩)o 文章中用到的工具: ...
- 给ecshop后台增加管理功能页面
给ecshop后台增加管理功能页面 比如我们增加一个统计报表叫做 物流费用统计报表 放在后台“报表统计”栏目中 具体操作步骤: 第一步,我们要添加一个菜单到后台,然后设置语言项,最后设置权限,这样,后 ...
- django学习-22.admi管理后台页面的文案展示等相关配置
目录结果 1.前言 2.完整的操作步骤 2.1.第一步:对[settings.py]里的相关常量的值做如下修改 2.2.第二步:重启django项目[helloworld]的服务 2.3.第三步:重新 ...
- OracleDBA之表管理
下面是Oracle表管理的部分,用到的测试表是oracle数据库中scott用户下的表做的测试,有的实验也用到了hr用户的数据,以下这些东西是我的麦库上存的当时学Oracle的学习笔记今天拿出来和大家 ...
随机推荐
- elk 6.3.2 搭建
CentOS7和java1.8.0) 然后登陆elastic的官网地址下载ELK组件:https://www.elastic.co/cn/products 我是下载了6.3.0版本的: elast ...
- 微信支付开发 c#
代码demo下载地址: https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=11_1
- 洛谷——P2846 [USACO08NOV]光开关Light Switching
P2846 [USACO08NOV]光开关Light Switching 题目大意: 灯是由高科技——外星人鼠标操控的.你只要左击两个灯所连的鼠标, 这两个灯,以及之间的灯都会由暗变亮,或由亮变暗.右 ...
- 洛谷——P2827 蚯蚓
P2827 蚯蚓 题目描述 本题中,我们将用符号 \lfloor c \rfloor⌊c⌋ 表示对 cc 向下取整,例如:\lfloor 3.0 \rfloor = \lfloor 3.1 \rflo ...
- P1048 采药
题目描述 辰辰是个天资聪颖的孩子,他的梦想是成为世界上最伟大的医师.为此,他想拜附近最有威望的医师为师.医师为了判断他的资质,给他出了一个难题.医师把他带到一个到处都是草药的山洞里对他说:“孩子,这个 ...
- jsonview插件的常见使用方法整理
Jsonview是目前最热门的一款开发者工具插件,确切的来说jQuery JSONView是一款非常实用的格式化和语法高亮JSON格式数据查看器jQuery插件.它是查看json数据的神器. 下载地址 ...
- CTSC2018 Day2T1 Juice混合果汁
[题解] 在考场上A掉的题. 把美味度排个序,然后按照价格p为权值建立主席树,把每个果汁按照拍好的顺序添加进去.主席树上维护总升数cnt以及总价格sum.对于每个询问,我们二分一个美味值,check的 ...
- Ajax学习总结（2）——Ajax参数详解及使用场景介绍
一.定义和用法 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJA ...
- Windows学习总结（10）——Windows系统中常用的CMD命令详解
1.ping命令 ping是电脑网络故障诊断中的常用的命令,它的作用是用来检查网络是否通畅或者网络连接速度.我们来看一下PING命令的具体表述. 日常的诊断过程中我们最常用到的就是诊断连接是否通畅. ...
- noip模拟赛 蒜头君打地鼠
分析:直接一个一个地去暴力枚举分数比较少,我们需要一种比较快的统计一定空间内1的数量,标准做法是前缀和,但是二维前缀和维护的是一个矩形内的值,这个是旋转过的该怎么办?可以把图旋转45°,不过这样比较考 ...