zoukankan      html  css  js  c++  java
  • layui数据表格-通过点击按钮使数据表格中的字段值增加

     

     

     

     

     

     

     

     

     

     

     

    通过点击右侧相对应的操作按钮,对迟到、休假次数实现自增效果

    jsp页面代码

    //监听行工具事件
            table.on('tool(test)', function(obj){
                var data = obj.data;
                if(obj.event === 'qj') {
                    data.qjNumber+=1;//获取请假字段的值并在按钮点击时的休假次数+1
                    //携带休假字段自增后的值和id转成json数据传到后台controller
                    $.get('${pageContext.request.contextPath}/staff/updateQjNumber',{"qjNumber":data.qjNumber,"id":data.id},function (result){
                        if (result.code == 200){
                            showTable();//重载表格
                            layer.msg(result.msg,{icon:1});//成功
                        }else{
                            showTable();//重载表格
                            layer.msg(result.msg,{icon:5});//失败
                        }
                    },'json');
                }else if(obj.event === 'late'){
                    data.lateNumber+=1;//获取迟到字段的值并在按钮点击时的迟到次数+1
                    //携带迟到字段自增后的值和id转成json数据传到后台controller
                        $.get('${pageContext.request.contextPath}/staff/updateLateNumber',{"lateNumber":data.lateNumber,"id":data.id},function (result){
                            if (result.code == 200){
                                showTable();//重载表格
                                layer.msg(result.msg,{icon:1});//成功
                            }else{
                                showTable();
                                layer.msg(result.msg,{icon:5});//失败
                            }
                        },'json')
                }
            });

    dao层

    /**
         * 根据id修改考勤迟到、休假次数
         */
        int updateLateNumber(Integer lateNumber,Integer id);
        int updateQjNumber(Integer qjNumber,Integer id);

    impl实现层

    /**
         * 根据id修改迟到次数
         * @return
         */
        @Override
        public int updateLateNumber(Integer lateNumber,Integer id) {
            String sql = "update t_staff set lateNumber=? where id=?";
            int update = JDBCUtil.update(sql, lateNumber,id);
            return update;
        }
    
        /**
         * 根据id修改休假次数
         * @param qjNumber
         * @param id
         * @return
         */
        @Override
        public int updateQjNumber(Integer qjNumber,Integer id) {
            String sql = "update t_staff set qjNumber=? where id=?";
            int update = JDBCUtil.update(sql, qjNumber,id);
            return update;
        }

    controller层

     /**
         * 修改迟到次数
         * @param staff
         * @return
         */
        @RequestMapping("/updateLateNumber")
        public Map updateLateNumber(Staff staff){
            System.out.println(staff.getLateNumber());//前台传过来的迟到次数值
            int i = staffDao.updateLateNumber(staff.getLateNumber(), staff.getId());
            HashMap<Object, Object> map = new HashMap<>();
            if (i>0) {
                map.put("code","200");
                map.put("msg", "成功");
            }else {
                map.put("code","300");
                map.put("msg", "失败");
            }
            return map;
        }
    
        /**
         * 修改休假次数
         * @param staff
         * @return
         */
        @RequestMapping("/updateQjNumber")
        public Map updateQjNumber(Staff staff){
            int i = staffDao.updateQjNumber(staff.getQjNumber(), staff.getId());
            HashMap<Object, Object> map = new HashMap<>();
            if (i>0) {
                map.put("code","200");
                map.put("msg", "成功");
            }else {
                map.put("code","300");
                map.put("msg", "失败");
            }
            return map;
        }
  • 相关阅读:
    硬盘的结构和介绍,硬盘MBR详细介绍(超详细彩图)
    websocket协议学习
    Qt4可以使用trUtf8函数,其内容可以是中文,也可以是F硬编码
    QString转换为LPTSTR(使用了reinterpret_cast,真是叹为观止,但是也开阔了思路),三篇文章合起来的各种转换方法
    系统高可用
    Visual Studio
    管道是如何建立起来的?
    CLR和.Net对象
    任务调度
    路由与控制器
  • 原文地址:https://www.cnblogs.com/axinga/p/fu-yaxing.html
Copyright © 2011-2022 走看看