lhgdialog 与后台交互的对话框
1. 调用打开dialog的按钮
<span class="txtdec fs10 open">
<a href="javascript:void(0)" onclick="CancelOrderOrChangeDealer(${result.orderCode })" title="取消订单" class="">取消订单</a>
</span>
2. 打开dialog的js
//更换经销商或取消订单
function CancelOrderOrChangeDealer(orderCode){
var status = $("#status").val();
var url="../order/CancelOrderOrChangeDealer.do?orderCode="+orderCode+"&status="+status;
//window.top.showModalDialog("../order/CancelOrderOrChangeDealer.do?orderCode="+orderCode+"&status="+status,window,"help:no;center:yes;dialogHeight:300;dialogWidth:600;dialogLeft:700;dialogTop:300;location:no");
//window.open ("../order/CancelOrderOrChangeDealer.do?orderCode="+orderCode+"&status="+status, 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=yes, status=no');
//dialogHeight:400;dialogWidth:600;dialogLeft:700;dialogTop:300;",target="_self
//window.location.href ="../order/CancelOrderOrChangeDealer.do?orderCode="+orderCode+"&status="+status;
$.dialog({
content: 'url:'+url,
id:'lhgdialog',
lock : true,
width: '600px',
height: '300px',
title: '提示'
});
}
3. 子界面的即url的内容
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="${pageContext.request.contextPath }/static_resources/admin/css/base.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/static_resources/admin/css/frame.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/static_resources/admin/css/load.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="${pageContext.request.contextPath}/static_resources/common_js/jquery-1.8.3.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>取消订单或更换经销商</title>
</head>
<body>
<input id="orderCode" type="hidden" value="${orderCode }" />
<input id="status" type="hidden" value="${status }" />
<div class="md_tab" style="width:auto">
<div class="mBd">
<table width="100%" class="b4">
<tbody>
<tr>
<td colspan="2">
<div style="font-weight:600">
您可以重新换一家经销商，或者取消订单！
</div>
</td>
</tr>
<tr>
<td colspan="2"><span style="font-size:12px; color:red">* </span>取消原因:</td>
</tr>
<tr>
<td><label class="liradio"> <input type="radio"
onchange="thisReason()" checked="checked" id="reason"
value="现在不想买了" name="reason"> 现在不想买了
</label></td>
<td><label class="liradio"> <input type="radio"
onchange="thisReason()" id="reason" value="商品价格昂贵" name="reason">
商品价格昂贵
</label></td>
</tr>
<tr>
<td><label class="liradio"> <input type="radio"
onchange="thisReason()" id="reason" value="商家服务态度不好"
name="reason"> 商家服务态度不好
</label></td>
<td><label class="liradio"> <input type="radio"
onchange="thisReason()" id="reason" value="商品缺货" name="reason">
商品缺货
</label></td>
</tr>
<tr>
<td><label class="liradio"> <input type="radio"
onchange="thisReason()" id="reason" value="重复下单" name="reason">
重复下单
</label></td>
<td><label class="liradio"> <input type="radio"
onchange="thisReason()" value="商品质量有问题" name="reason">
商品质量有问题
</label></td>
</tr>
<tr>
<td colspan="2"><label class="liradio"> <input type="radio"
name="reason" onchange="otherReason()"> 其他原因
</label><input type="text"id="reasontextarea" style="display: none; width: 300px; vertical-align: bottom; margin-top: 5px;"></td>
</tr> </tbody>
</table> </div>
<div><br></br></div>
<div style="text-align:center">
<input type="button" class="sBtn"
value=" 换一家经销商 " onclick="changeDealer()" />
<input type="button" class="sBtn"
value=" 取消订单 " onclick="cancelOrder()" /> </div>
</div>
</body>
<script type="text/javascript">
//更换经销商
function changeDealer() {
var reason;
var temp = document.getElementsByName("reason");
for (var i = 0; i < temp.length; i++) {
if (temp[i].checked)
reason = temp[i].value;
} var orderCode = $("#orderCode").val();
var status = $("#status").val();
if (reason == null || reason == "" || reason == "on") {
reason = $("#reasontextarea").val();
if (reason == null || reason == "") {
alert("请选择或输入取消订单原因");
return false;
}
}
window.location.href = "../order/ChangeDealer.do?orderCode="
+ orderCode + "&reason=" + reason;
} function otherReason() { document.getElementById("reasontextarea").style.display = "block";
} function thisReason() {
document.getElementById("reasontextarea").style.display = "none";
} //取消订单
function cancelOrder() {
var orderCode = $("#orderCode").val();
var status = $("#status").val();
window.location.href = "../order/CancelOrderOrNot.do?orderCode="+ orderCode+"&status="+status;
}
</script>
</html>
4. 最后关闭的界面 及js
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link
href="${pageContext.request.contextPath }/static_resources/admin/css/base.css"
rel="stylesheet" type="text/css" />
<link
href="${pageContext.request.contextPath }/static_resources/admin/css/frame.css"
rel="stylesheet" type="text/css" />
<link
href="${pageContext.request.contextPath }/static_resources/admin/css/load.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="${pageContext.request.contextPath}/static_resources/common_js/jquery-1.8.3.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>取消订单或更换经销商</title>
</head>
<body>
<input id="orderCode" type="hidden" value="${orderCode }" />
<input id="status" type="hidden" value="${status }" />
<br></br>
<br></br>
<div style="font-size: 16px;text-align:center;color:rgb()">您选择”换一家经销商“，优价车将第一时间重新给您挑选优质经销商！</div>
<br></br>
<br></br>
<div style="text-align:center">
<input type="button" class="sBtn" value=" 确定换一家 "
onclick="changeDealer()" /> <input type="button" class="sBtn"
value=" 取消 " onclick="cancelOrder()" />
</div> </body>
<script type="text/javascript">
//更换经销商
function changeDealer() { var orderCode = $("#orderCode").val();
var status = $("#status").val();
// window.location.href = "../order/DoChangeDealer.do?orderCode="
// + orderCode + "&status=" + status; var Param = {
orderCode : orderCode,
status : status
};
$.ajax({
data : Param,
type : 'POST',
dataType : 'json',
url : '../order/DoChangeDealer.do', error : function(data){
alert("网络出错");
},
success : function(data){
parent.location.reload();
}
});
} //var api = frameElement.api;
//api.close();
// } //取消
function cancelOrder() {
//window.location.href = "../order/userOrderList.do";
//var api = frameElement.api; 关闭窗口但不刷新父窗口
//api.close();
parent.location.reload();
}
</script>
</html>
lhgdialog 与后台交互的对话框的更多相关文章
- 如何用CropBox实现头像裁剪并与java后台交互
如何用CropBox实现头像裁剪并与java后台交互 参考网站:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob 参考: http://blo ...
- jQuery ajax get与post后台交互中的奥秘
这两天在做关注功能模块(类似于Instagram).多处页面都需要通过一个"关注"按钮进行关注或者取消该好友的操作.一个页面对应的放一个按钮,进行操作.效率低维护性差.因此想通过j ...
- Ztree的简单使用和后台交互的写法（二）
针对Ztree的简单使用和后台交互的写法(一)中的树进行改进 1.增加节点的权限 由页面的当前用户,决定树的根节点 然后动态获取树的详细节点: 初始化函数为: function init(){ //初 ...
- Extjs 4.2 Grid增删改及后台交互(Java)
上次发了Easyui Datagrid的增删改查的使用学习记录后一直想整理下基于Extjs4.2的Grid学习使用记录.苦于抽不出时间,一直拖到现在.不得不说,Extjs确实很强大,新版的Neptun ...
- JSON数据格式以及与后台交互数据转换实例
/* 作者:烟大阳仔 时间:20131013 介绍:主要了解一下json的格式,看看数据是怎么存储的 */ <!DOCTYPE html PUBLIC "-//W3C//DTD HTM ...
- ajax简单后台交互
ajax简单后台交互 1,扯淡 单身的生活,大部分时间享受自由,小部分时间忍受寂寞. 生活有时候,其实蛮苦涩,让人难以下咽.那些用岁月积累起来的苦闷,无处宣泄,在自己的脑海里蔓延成一片片荆棘,让你每每 ...
- 通过ajax前端后台交互/登录页和注册页前端后台交互详解/前端后台交互基础应用/几个后台函数的基础应用/php文件函数基础应用/php字符传函数基础应用/php数组函数基础应用
前 言 PHP 学习了好久的PHP,今天做一个可以后台交互的登录页和注册页,没做什么判断,简单的了解一下. 具体的内容分析如下: ① PHP中的数据传输-->>由注册页传输 ...
- js与后台交互详述（入门篇）
很多新手前端在初期学习的时候往往把注意力放在如何编写页面,如何编写效果上,群里有个朋友问我js是如何与后台交互的,我简单的说一下. 首先需要知道两个东西,一个是客户端,一个是服务器,客户端其实就是我们 ...
- ECharts 与struts的后台交互之柱状图
ECharts主页: http://echarts.baidu.com/index.html ECharts-2.1.8下载地址: http://echarts.baidu.com/build/e ...
随机推荐
- 设置ASP.NET MVC站点默认页为html页
问题由来 部署了一个Asp.Net MVC的站点,其功能只是作为移动端的服务器,服务器空间里面除了CMS以外就没有其他的页面了.这对于我们来说确实是有点浪费了. 可以放点静态的啥小东西放在上面玩一玩. ...
- S1 ：闭包
闭包是指有权访问另一个函数作用域中的变量的函数.创建闭包的常见方式,就是在一个函数内部创建另一个函数,以createComparisonFunction()函数为例 function createCo ...
- PHP安装pthreads多线程扩展教程[windows篇]
from:http://blog.csdn.net/aoyoo111/article/details/19020161 一.判断PHP是ts还是nts版 通过phpinfo(); 查看其中的 Thre ...
- 常州培训 day7 解题报告
最后一天..有些感慨,这七天被虐的感动万分 第一题: 题目大意: 求出 n*i(i=1,2,3....n) mod p的逆元 n<p<=3000000 ,p是质数. 之前写过了,懒得再写 ...
- C#遍历窗体所有控件或某类型所有控件
//遍历窗体所有控件, foreach (Control control in this.Controls) { //遍历后的操作... control.Enabled = false; } 遍历某个 ...
- Linux面试基础题-2
继续我们这面试系列,在这篇文章里我们给出了10个问题.这些问题或者是在以后的文章中出现的问题不一定在面试中会被问到.然而通过这些文章我们呈现出的是一个交互的学习平台,这必将会对你有很大的帮助. 自本系 ...
- MonoRail学习：可重复组件ViewComponents的使用
在MonoRail中我们可以定义一些可重用的组件,在其他需要使用的页面引入这个组件就可以了.有点相当于.NET中的自定义控件,可以节约代码,方便开发,提高重用性. 在MonoRail中把这一功能叫做V ...
- Problem K 栈
Description A math instructor is too lazy to grade a question in the exam papers in which students a ...
- CodeForces 546B C(Contest #1)
Description Colonel has n badges. He wants to give one badge to every of his n soldiers. Each badge ...
- dialog参数、方法以及事件
参数(options) DOM方式初始化dialog的,推荐使用集合属性data-options定义参数,如果使用data属性定义参数,注意转换成对应的名称. 名称 类型 默认值 描述 id stri ...