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 页面的更多相关文章

  1. 69.资金管理-税率表管理extjs 页面

    1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...

  2. 80.用户管理 Extjs 页面

    1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" ...

  3. 74.资金管理-员工工资配置 extjs 页面

    1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...

  4. 82.角色管理Extjs 页面

    1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&quo ...

  5. SNF开发平台WinForm之四-开发-主细表管理页面-SNF快速开发平台3.3-Spring.Net.Framework

    4.1运行效果: 4.2开发实现: 4.2.1          有了第一个程序的开发,代码生成器的配置应该是没有问题了,我们只要在对应的数据库中创建我们需要的表结构就可以了,如下: 主表结构如下: ...

  6. SQLSERVER新建表的时候页面分配情况是怎样的？

    SQLSERVER新建表的时候页面分配情况是怎样的? 再次感谢sqlskill网站和转载sqlskill网站文章并翻译的人,因为您们的转载和翻译让小弟又学习到新的东西o(∩_∩)o 文章中用到的工具: ...

  7. 给ecshop后台增加管理功能页面

    给ecshop后台增加管理功能页面 比如我们增加一个统计报表叫做 物流费用统计报表 放在后台“报表统计”栏目中 具体操作步骤: 第一步,我们要添加一个菜单到后台,然后设置语言项,最后设置权限,这样,后 ...

  8. django学习-22.admi管理后台页面的文案展示等相关配置

    目录结果 1.前言 2.完整的操作步骤 2.1.第一步:对[settings.py]里的相关常量的值做如下修改 2.2.第二步:重启django项目[helloworld]的服务 2.3.第三步:重新 ...

  9. OracleDBA之表管理

    下面是Oracle表管理的部分,用到的测试表是oracle数据库中scott用户下的表做的测试,有的实验也用到了hr用户的数据,以下这些东西是我的麦库上存的当时学Oracle的学习笔记今天拿出来和大家 ...

随机推荐

  1. MySQL：INSERT ... UPDATE

    在 INSERT 语句末尾指定ON DUPLICATE KEY UPDATE时,如果插入的数据会导致表中的 UNIQUE 索引或 PRIMARY KEY 出现重复值,则会对导致重复的数据执行 UPDA ...

  2. vue-router + axios token登录状态认证

    vue项目中登录状态判断往往基于jwt认证,我们可以采用判断本地是否存在token,及token是否过期或token值错误 1.利用vue-router 钩子函数判断本地是否存在token impor ...

  3. 「 COGS 1669 」 神秘的咒语

    题目大意 这出题人太凉心,居然给我句鸟语.(连我最爱的OI也被鸟语污染了吗) 下面给大家说说这句鸟语啥意思.不要误会,都是度娘的功劳 QAQ 之前不是给出了两个伪咒语吗. 这句鸟语就是说真正的咒语就是 ...

  4. Luogu P1692 部落卫队

    解题思路 数据范围不是很大,那应该不是那些普遍的图论的算法.考虑搜索,用暴力解决.从1到N枚举每一个点的位置,搜索这个点事选还是不选.如果在这个点之前选到的点中又和他冲突的点,那就不选,要么就选. 附 ...

  5. [luogu4127 AHOI2009] 同类分布 (数位dp)

    传送门 Solution 裸数位dp,空间存不下只能枚举数字具体是什么 注意memset最好为-1,不要是0,有很多状态答案为0 Code //By Menteur_Hxy #include < ...

  6. 在vmware中 centos7安装gooderp

    环境为windows 10系统,vmware 12,centos 7.4.centos安装了gnome桌面,用里面的终端来安装,自带的firefox浏览器. 增加用户 首先要新建一个用户来管理good ...

  7. Spring 事务XML配置

    <!-- 配置 Spring 的声明式事务 --> <!-- 1. 配置事务管理器 --> <bean id="transactionManager" ...

  8. CentOS服务器上部署 oracle10gr2

    1.下载Centos系统 Linux 镜像文件.         推荐使用 CentOS5.4,下载地址:http://isoredirect.centos.org/centos/5/isos/i38 ...

  9. sharepoint第三方程序认证尝试失败记录

    本来想用REST服务开发第三方的插件的,下面的文章说明REST API是非常好用的 https://technet.microsoft.com/zh-cn/library/jj164022(v=off ...

  10. HTTP自学心得

    HTTP是一个 客户端和 服务器端请求和应答的标准(TCP).HTTP是客户端浏览器或其他程序与 Web服务器之间的应用层通信协议. HTTP一般指超文本传输协议,它是互联网应用最广泛的协议,是用于从 ...