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)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等.如果 ...
随机推荐
- SSM项目集成Lucene+IKAnalyzer在Junit单元测试中执行异常
个人博客 地址:http://www.wenhaofan.com/article/20181108132519 问题描述 在项目运行以及main方法中能够正常运行,但是使用junit单元测试时却报如下 ...
- NOI2005 维护数列 lg2042
这道题据说是noi题目中算是比较毒瘤的数据结构题了,5k多的代码加上随手写挂细节,我调了两天 题面见https://www.luogu.org/problemnew/show/P2042 (歪个题,这 ...
- AntDesign(React)学习-7 Menu添加事件
今天花了大半天时间从老家回到工作地,路上因为肺炎封堵挺厉害,希望国家挺过这个难关,要不大家都失业可就惨了,上一篇做了一个展示数据的demo,这一篇研究antd Menu item点击事件 1.还是先看 ...
- AcWing 487. 金明的预算方案
#include <cstring> #include <iostream> #include <algorithm> #include <vector> ...
- vue 3.0 项目搭建移动端 (七) 安装Vant
# 通过 npm 安装 npm i vant -S 安装完配置 babel.config.js module.exports = { presets: ['@vue/app'], plugins: [ ...
- [P3806] 【模板】点分治 - 点分治
辣鸡蒟蒻怎么今天才来敲这个模板题 好像还敲了很久的样子 (大雾) #include <bits/stdc++.h> using namespace std; #define int lon ...
- (转)数据索引BTree
.B-tree 转自:http://blog.csdn.net/hbhhww/article/details/8206846 B-tree又叫平衡多路查找树.一棵m阶的B-tree (m叉树)的特性如 ...
- word文档巧替换(空行替换、空格替换、软回车替换成硬回车)
一.空行替换 在日常工作中,我们经常从网上下载一些文字材料,往往因空行多使得页数居高不下.一般方法是:在“编辑”菜单中打开“查找和替换”对话框(或按ctrl+H),在“查找内容”中输入“^p^p”“替 ...
- Python与C语言基础对比(Python快速入门)
代码较长,建议使用电脑阅读本文. 10分钟入门Python 本文中使用的是Python3 如果你曾经学过C语言,阅读此文,相信你能迅速发现这两种语言的异同,达到快速入门的目的.下面将开始介绍它们的异同 ...
- Android开发模拟器(虚拟机)的连接等操作
前10天一直在解决android开发环境的问题,我将Androidstudio下载并安装好之后,进入IDE之后,下载AVDmanger中的虚拟机以及SDK等等.之后发现并不能运行虚拟机,根本无法打开虚 ...