一、设备主页面(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弹出框提交表单的更多相关文章

  1. vue iview modal弹出框 form表单验证

    一.ref="addApply" :model="addApply" :rules="ruleValidate"   不要忘记prop 二. ...

  2. jeecg 弹出框 点击按钮回调父页面 返回值

    jeecg 弹出框 点击按钮回调父页面 返回值 <t:base type="jquery"></t:base> <t:base type=" ...

  3. iframe中使用模态框提交表单后,iframe加载父页面的解决方法

    在iframe中使用模态框提交表单后,会出现iframe加载整个父页面的问题,如下图: 解决方法: 在form表单中添加target属性 _parent 这个属性会使目标文档载入父窗口或者包含来超链接 ...

  4. Layui 监听 复选框 提交表单

    表单数据这一块 layui 做的是真的不好,无论是在渲染还是在交互方面,每次都要自己来重新实现代码 #贴上代码 <!DOCTYPE html> <head> <meta ...

  5. EasyUI加zTree使用解析 easyui修改操作的表单回显方法 验证框提交表单前验证 datagrid的load方法

    带参提交一次查询,从服务器加载新数据.这是一个神奇的方法 $('#dg').datagrid('load',{ code: '01', name: 'name01' }); easyui修改操作的回显 ...

  6. ios手机弹出层上表单的操作，收起键盘焦点错乱的问题

    今天遇到了ios手机下 弹出层上form表单 当收起键盘后,焦点错乱,无法再操作的问题 解决办法 function device() { const u = navigator.userAgent; ...

  7. easyUI使用dailog实现弹出框带表单功能

    本文为博主原创,未经允许不得转载: 示例如下: 需要注意的地方在id为win的div中需要有:closed="true"这个属性,这个属性为控制dailogn对话框显示与隐藏的属性 ...

  8. 由于想要实现下载的文件可以进行选择，而不是通过<a>标签写死下载文件的参数，所以一直想要使用JFinal结合ajax实现文件下载，但是ajax实现的文件下载并不能触发浏览器的下载文件弹出框，这里通过模拟表单提交实现同样的效果。

    由于想要实现下载的文件可以进行选择,而不是通过<a>标签写死下载文件的参数,所以一直想要使用JFinal结合ajax实现文件下载(这样的话ajax可以传递不同的参数),但是ajax实现的文 ...

  9. Bootstrap使用模态框modal实现表单提交弹出框

    Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等.如果 ...

随机推荐

  1. gulp打包js多个文件夹并压缩混淆，编译ES6语法，及多个import依赖由一个入口打包成一个cdn

    感觉和webpack的步骤差不多 首先安装gulp:参考上一篇 安装完之后 新建一个文件目录起名 在当前目录下打开cmd 执行:npm init 创建package.json文件 然后安装第一个插件g ...

  2. Vue 嵌套路由使用总结

    Vue 嵌套路由使用总结   by:授客 QQ:1033553122   开发环境   Win 10   node-v10.15.3-x64.msi 下载地址: https://nodejs.org/ ...

  3. JUC-分支合并框架

    一.原理 Fork:把一个复杂任务进行分拆,大事化小 Join:把分拆任务的结果进行合并 ForkJoinPool 分支合并池    类比=>   线程池 ForkJoinTask ForkJo ...

  4. hashmap与currentHashMap

    hashmap的缺点 多线程不安全,在并发场景下使用时容易出现死循环,脏读问题等 死循环:https://juejin.im/post/5a66a08d5188253dc3321da0 (这篇好点)h ...

  5. 解决PHP Redis扩展无法加载的问题

    最近在工作中需要使用PHP访问Redis,从https://github.com/phpredis/phpredis下载了phpredis,并且按照官方的说明进行了安装 phpize ./config ...

  6. oracle 处理锁表，创建新的数据库实例

    select saddr,sid,serial#,paddr,username,status from v$session where username is not null and usernam ...

  7. js json -> <-object

    1.利用原生JSON对象,将对象转为字符串 var jsObj = {}; jsObj.testArray = [1,2,3,4,5]; jsObj.name = 'CSS3'; jsObj.date ...

  8. javascript 循环读取数组中的值

    //数组 var a = ["#F85C6F", "#78B0F0", "#DB83ED", "#8EC656", &q ...

  9. 【算法学习记录-排序题】【PAT A1012】The Best Rank

    To evaluate the performance of our first year CS majored students, we consider their grades of three ...

  10. CentOS之service iptables stop 显示not loaded

    停止firewalld服务停止防火墙,并禁用这个服务 sudo systemctl stop firewalld.servicesudo systemctl disable firewalld.ser ...