官网：http://www.lhgdialog.com/

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">*&nbsp;</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 与后台交互的对话框的更多相关文章

  1. 如何用CropBox实现头像裁剪并与java后台交互

    如何用CropBox实现头像裁剪并与java后台交互 参考网站:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob 参考: http://blo ...

  2. jQuery ajax get与post后台交互中的奥秘

    这两天在做关注功能模块(类似于Instagram).多处页面都需要通过一个"关注"按钮进行关注或者取消该好友的操作.一个页面对应的放一个按钮,进行操作.效率低维护性差.因此想通过j ...

  3. Ztree的简单使用和后台交互的写法（二）

    针对Ztree的简单使用和后台交互的写法(一)中的树进行改进 1.增加节点的权限 由页面的当前用户,决定树的根节点 然后动态获取树的详细节点: 初始化函数为: function init(){ //初 ...

  4. Extjs 4.2 Grid增删改及后台交互(Java)

    上次发了Easyui Datagrid的增删改查的使用学习记录后一直想整理下基于Extjs4.2的Grid学习使用记录.苦于抽不出时间,一直拖到现在.不得不说,Extjs确实很强大,新版的Neptun ...

  5. JSON数据格式以及与后台交互数据转换实例

    /* 作者:烟大阳仔 时间:20131013 介绍:主要了解一下json的格式,看看数据是怎么存储的 */ <!DOCTYPE html PUBLIC "-//W3C//DTD HTM ...

  6. ajax简单后台交互

    ajax简单后台交互 1,扯淡 单身的生活,大部分时间享受自由,小部分时间忍受寂寞. 生活有时候,其实蛮苦涩,让人难以下咽.那些用岁月积累起来的苦闷,无处宣泄,在自己的脑海里蔓延成一片片荆棘,让你每每 ...

  7. 通过ajax前端后台交互/登录页和注册页前端后台交互详解/前端后台交互基础应用/几个后台函数的基础应用/php文件函数基础应用/php字符传函数基础应用/php数组函数基础应用

      前  言  PHP     学习了好久的PHP,今天做一个可以后台交互的登录页和注册页,没做什么判断,简单的了解一下. 具体的内容分析如下: ① PHP中的数据传输-->>由注册页传输 ...

  8. js与后台交互详述（入门篇）

    很多新手前端在初期学习的时候往往把注意力放在如何编写页面,如何编写效果上,群里有个朋友问我js是如何与后台交互的,我简单的说一下. 首先需要知道两个东西,一个是客户端,一个是服务器,客户端其实就是我们 ...

  9. ECharts 与struts的后台交互之柱状图

    ECharts主页:  http://echarts.baidu.com/index.html ECharts-2.1.8下载地址:  http://echarts.baidu.com/build/e ...

随机推荐

  1. 智能手机Web开发笔记

    智能手机版(简称M版)前端开发终于告一段落,第一次做移动端开发,没有想象中那么难搞,但是期间也遇到了各种这样那样的问题,虽然从小日记都不是自己写的,但是开发笔记还是要自己写的,不敢说让别人学习,只是仅 ...

  2. PDF 补丁丁 0.4.1.804 测试版发布：合并文件夹的图片和PDF文件，自由生成多层次书签

    新的测试版增强了合并文件的功能,可以合并文件夹内的图片和PDF文件,还可以在合并文件列表上直接指定与合并文件对应的PDF书签标题.通过拖放文件项目生成多层次的PDF书签.如下图所示: 另外,新的测试版 ...

  3. 解决extjs grid 不随窗口大小自适应的问题

    解决extjs grid 不随窗口大小自适应的问题 August 30, 2010 zhai Javascript 8,403 viewsGo to comment 最近遇到的问题,在使用grid的时 ...

  4. js方法控制html表格的增加和删除

    <!DOCTYPE html> <html> <head> <title>linshi3.html</title> <meta htt ...

  5. [CSS]三层嵌套的滑动门

    原理: 最外层放水平平铺的背景,第二层放左边,第三层放右边,注意这个做法背景图不能透明 结构: <div class="module-title"> <span ...

  6. jmeter内存溢出

    当我用jmeter来测试elasticsearch性能的时候,发生过三种性质的内存溢出. 1. index 由于数据流过大,内存使用超过jmeter默认的上限,就溢出了. 用记事本打开jmeter.b ...

  7. g++默认支持c++11标准的办法

    //第一种,直接包含在源程序文件中,如第一行代码所示 #pragma GCC diagnostic error "-std=c++11" #include <iostream ...

  8. Elasticsearch内存分配设置详解

    Elasticsearch默认安装后设置的内存是1GB,对于任何一个现实业务来说,这个设置都太小了.如果你正在使用这个默认堆内存配置,你的集群配置可能会很快发生问题. 这里有两种方式修改Elastic ...

  9. 二模 （1） day2

    第一题: 题目大意: N层楼,K个人,M个箱子在1楼,给出K个人的初始状态(在第几楼,正在向上走还是向下走,向上走的人手里已经有箱子),每次移动一层楼,求把所有箱子(手里拿着的不算在M里)全部搬到顶楼 ...

  10. C- printf的使用

    ASC C之后引入的一个特性是,相邻的字符可以被自动连接 /* printf.cc * 2014/09/02 update */ #include <iostream> using nam ...