JEECG弹出框提交表单

一、设备主页面(deviceMain.jsp)　　

<t:dgToolBar title="编辑设备" icon="icon-edit" url="deviceController.do?goDeviceDetail" funname="editMyDevice"></t:dgToolBar>

// 编辑管理的设备

function editMyDevice(title,url,gname){

    var ids = "";

    var rows = $("#" + gname).datagrid('getSelections');

    if (rows.length == 1) {

        $.dialog.setting.zIndex = getzIndex(true);

        $.dialog.confirm('你确定编辑该数据吗?', function(r) {

           if (r) {

                $.dialog({

                    content: 'url:'+url+"&ids="+rows[0].serial,

                    lock : true,

                    width:700,

                    height:320,

                    title:"编辑设备信息",

                    opacity : 0.3,

                    cache:false,

                    cancelVal: '关闭',

                    cancel: true, /*为true等价于function(){}*/

                    button:[{

                        name: '保存',

                        callback: function(){

                            iframe = this.iframe.contentWindow;//获取弹出层的iframe

                            saveParam();//自定义保存数据方法

                            $("#"+gname).datagrid("reload");

                            $("#"+gname).datagrid('unselectAll');

                            return true;//阻止页面关闭（默认为true不关闭）

                        }

                    }]

                });

            }

        });

    } else if (rows.length > 1) {

        tip("请选择一条数据进行编辑");

    } else {

        tip("请选择需要编辑的数据");

    }

}

/**

 * 自定义保存数据方法

 * @param url

 * @param gridname

 */

function saveParam() {

    $("#formobj", iframe.document).form('submit', {

        onSubmit : function() {

        },

        success : function(r) {

            msgdialog('操作成功！','success');

        },

        error : function(r) {

            msgdialog('操作异常！','error');

        }

    });//UsersForm为Form表单id,提交表单

}

/**

 * 操作结果提示语

 * @param content：提示内容

 * @param type：图标类型

 */

function msgdialog(content,type){

    $.dialog({

        content: content,

        title:'提示信息',

        icon: type+'.gif',

        titleIcon: 'lhgcore.gif',

        width:136,

        height:80,

        top: '98%',

        left:'98%',

        fixed: true

    });

}

二、设备弹出框编辑页面(deviceEdit.jsp)　　

<body style="overflow-y: hidden" scroll="no">

<t:formvalid formid="formobj" layout="table" dialog="true" action="deviceController.do?doUpdateDevice">

    <input id="serial" name="serial" type="hidden" value="${device.serial}">

    <input id="phone" name="phone" type="hidden" value="${device.phone }">

    <input id="smsflag" name="smsflag" type="hidden" value="${device.smsflag }">

    <table style="width: 600px;" cellpadding="0" cellspacing="1" class="formtable">

        <tr>

            <td align="right" width="25%" nowrap>

                <label class="Validform_label"> IP: </label>

            </td>

            <td class="value" width="85%">

                <input id="nodeip" name="nodeip" class="inputxt" type="text" datatype="s1-200" value="${device.nodeip}"/>

                <span class="Validform_checktip"></span>

            </td>

        </tr>

        <tr>

            <td align="right">

                <label class="Validform_label"> 主机名称: </label>

            </td>

            <td class="value">

                <input id="hostname" name="hostname" class="inputxt" type="text" value="${device.hostname}"/>

            </td>

        </tr>

        <tr>

            <td align="right">

                <label class="Validform_label"> 类型: </label>

            </td>

            <td class="value">

                <input id="type" name="type" class="inputxt" type="text" value="${device.type}"/>

            </td>

        </tr>

    </table>

</t:formvalid>

</body>

三、后台程序(DeviceController.java)

　　 /**

     * 进入编辑页面

     * @param id

     * @param request

     * @return

     */

    @RequestMapping(params="goDeviceDetail")

    public String goDeviceDetail(String ids, HttpServletRequest request) {

        String sql = "select * from device where Serial = " + ids;

        Device device= deviceService.excuteQuery(sql);

        device.setNodeip(device.getNodeip().trim());

        device.setHostname(device.getHostname().trim());

        device.setPhone(device.getPhone().trim());

        device.setType(device.getType().trim());

        device.setSmsflag(device.getSmsflag().trim());

        request.setAttribute("device", device);

        return "device/deviceEdit";

    }

　　 /**

     * 更新设备信息

     *

     * @return

     */

    @RequestMapping(params = "doUpdateDevice")

    @ResponseBody

    public AjaxJson doUpdateDevice(Device device, HttpServletRequest request) {

        String message = "更新设备成功";

        AjaxJson j = new AjaxJson();

        String nodeip = device.getNodeip().trim();

        String hostname = device.getHostname().trim();

        String type = device.getType().trim();

        String updateSybaseSql = "update device set NodeIP='" + nodeip + "', hostname='"+hostname+"', type='"+type+"' where Serial=" + device.getSerial();

        int result = this.deviceService.excuteUpdate(updateSybaseSql);

        if(result != -1){

            this.systemService.saveOrUpdate(device);

            try {

                DataSyncQueue.syncPhoneZrQueue.put("phone_zr");    //更新设备信息成功后，同步数据

            } catch (InterruptedException e) {

                e.printStackTrace();

            }

        }

        j.setMsg(message);

        return j;

    }

JEECG弹出框提交表单的更多相关文章

vue iview modal弹出框 form表单验证
一.ref="addApply" :model="addApply" :rules="ruleValidate" 不要忘记prop 二. ...
jeecg 弹出框点击按钮回调父页面返回值
jeecg 弹出框点击按钮回调父页面返回值 <t:base type="jquery"></t:base> <t:base type=" ...
iframe中使用模态框提交表单后,iframe加载父页面的解决方法
在iframe中使用模态框提交表单后,会出现iframe加载整个父页面的问题,如下图: 解决方法: 在form表单中添加target属性 _parent 这个属性会使目标文档载入父窗口或者包含来超链接 ...
Layui 监听复选框提交表单
表单数据这一块 layui 做的是真的不好,无论是在渲染还是在交互方面,每次都要自己来重新实现代码 #贴上代码 <!DOCTYPE html> <head> <meta ...
EasyUI加zTree使用解析 easyui修改操作的表单回显方法验证框提交表单前验证 datagrid的load方法
带参提交一次查询,从服务器加载新数据.这是一个神奇的方法 $('#dg').datagrid('load',{ code: '01', name: 'name01' }); easyui修改操作的回显 ...
ios手机弹出层上表单的操作，收起键盘焦点错乱的问题
今天遇到了ios手机下弹出层上form表单当收起键盘后,焦点错乱,无法再操作的问题解决办法 function device() { const u = navigator.userAgent; ...
easyUI使用dailog实现弹出框带表单功能
本文为博主原创,未经允许不得转载: 示例如下: 需要注意的地方在id为win的div中需要有:closed="true"这个属性,这个属性为控制dailogn对话框显示与隐藏的属性 ...
由于想要实现下载的文件可以进行选择，而不是通过<a>标签写死下载文件的参数，所以一直想要使用JFinal结合ajax实现文件下载，但是ajax实现的文件下载并不能触发浏览器的下载文件弹出框，这里通过模拟表单提交实现同样的效果。
由于想要实现下载的文件可以进行选择,而不是通过<a>标签写死下载文件的参数,所以一直想要使用JFinal结合ajax实现文件下载(这样的话ajax可以传递不同的参数),但是ajax实现的文 ...
Bootstrap使用模态框modal实现表单提交弹出框
Bootstrap 模态框(Modal)插件模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等.如果 ...

随机推荐

JS变量和数据类型及其转化
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
【Linux】iptables相关实践，原理及参数解释
1.禁止指定IP地址的主机进行连接 iptables -I INPUT -s .***.***. -j DROP 2.解除禁止指定IP地址的主机进行连接 iptables -D INPUT -s .* ...
Java生鲜电商平台-生鲜电商订单结算系统的深入解析与反思总结
Java生鲜电商平台-生鲜电商订单结算系统的深入解析与反思总结说明:最近疫情影响,生鲜电商这个行业被彻底的激活了,全中国人民都知道用小程序或者APP可以进行买菜了,但是可惜的是,我的生鲜电商在去年经 ...
SequoiaDB报告创建线程失败的解决办法
1.问题背景对于分布式数据库和分布式环境,高并发和高性能压力的情况下,出现线程创建失败等等问题也是十分常见的,这时候就十分考虑数据库管理员的经验,需要能快速的定位到问题和瓶颈所在,快速解决.本文也是 ...
bugku sql2
sql注入2 200 http://123.206.87.240:8007/web2/ 全都tm过滤了绝望吗? 提示 !,!=,=,+,-,^,%
[CCPC2019秦皇岛] F. Forest Program
[CCPC2019秦皇岛 F] Link https://codeforces.com/gym/102361/problem/F Description 给定一个仙人掌,删去一些边可以让它变成一个森林 ...
linux安装Zookeeper及redis集群
亲测有效: 1.linux下安装zookeeper:https://www.cnblogs.com/zuolun2017/p/8186254.html 2.linux下安装redis集群:https: ...
在github网站上更新fork的repo
打开fork的repo. 点击Pull request, 这里会跳转到一个页面提示There isn’t anything to compare. 点击switching the base,将orig ...
Windows下Go安装&环境配置&编译运行
Go下载安装官方Go下载站点:https://golang.google.cn/ 也可以选择:https://studygolang.com/dl 配置环境变量常用环境变量 GOROOT GORO ...
layui下拉框数据过万渲染渲染问题解决方案
方案一:layui下拉框分页插件 https://fly.layui.com/jie/29002/ 此插件我用了下浏览器缓存有问题,而且当下拉框数据量过万后,会一直渲染不出来,期待后期作者优化如图下 ...

JEECG弹出框提交表单

JEECG弹出框提交表单的更多相关文章

随机推荐

热门专题