js 通用订单代码_Javascript教程-查字典教程网
js 通用订单代码
js 通用订单代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:查询系统form{margin:0;padding:0;}.dv-tabletd{border:0;}.dv-tablei...

复制代码 代码如下:

<%@ page language="java" contentType="text/html; charset=utf-8"

pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme() + "://"

+ request.getServerName() + ":" + request.getServerPort()

+ path + "/";

%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>查询系统</title>

<link rel="stylesheet" type="text/css"

href="http://www.jeasyui.com/easyui/themes/default/easyui.css">

<link rel="stylesheet" type="text/css"

href="http://www.jeasyui.com/easyui/themes/icon.css">

<link rel="stylesheet" type="text/css"

href="http://www.jeasyui.com/easyui/demo/demo.css">

<script type="text/javascript"

src="http://code.jquery.com/jquery-1.6.min.js"></script>

<script type="text/javascript"

src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

<script type="text/javascript"

src="http://www.jeasyui.com/easyui/datagrid-detailview.js"></script>

<script src="<%=basePath %>js/jquery.confirm.js"></script>

<link rel="stylesheet" href="<%=basePath %>css/jquery.confirm.css">

<style type="text/css">

form {

margin: 0;

padding: 0;

}

.dv-table td {

border: 0;

}

.dv-table input {

border: 1px solid #ccc;

}

</style>

</head>

<body>

<table id="dg" title="预订装修管理"

url="<%=basePath%>findSubsByPage.action"

toolbar="#toolbar" pagination="true" rownumbers="true"

fitColumns="true" singleSelect="true">

<thead>

<tr>

<th field="tel" width="40">联系方式</th>

<th field="name" width="20">联系人</th>

<th field="nametype" width="30">装修名称</th>

<th field="orderTime" width="50">预订时间</th>

<th field="content" width="50">备注内容</th>

<th field="sex" width="20">性别</th>

<th field="nowTime" width="50">提交时间</th>

<>

</tr>

</thead>

</table>

<div id="toolbar">

<div id="toolbar">

<a href="javascript:void(0)" iconCls="icon-remove" plain="true">删除订单</a>

<a href="javascript:void(0)" id="unorder">未成交订单</a> <a

href="javascript:void(0)" id="order">已成交订单</a> <a href="javascript:void(0)"

class="easyui-linkbutton" id="ok">成交</a>

</div>

</div>

<table>

<tr>

<td colspan="1"></td>

</tr>

</table>

<script type="text/javascript">

$(function() {

$("#unorder").click(function() {

var url = "../findSubsByPage.action";

$.post(url, {

status : 0

}, function() {

$('#dg').datagrid('reload');

});

});

$("#order").click(function() {

var url = "../findSubsByPage.action";

$.post(url, {

status : 1

}, function() {

$('#dg').datagrid('reload');

});

});

$("#ok").click(function() {

var url = "../updateSub.action";

var row = $('#dg').datagrid('getSelected');

var elem = $(this).closest('.item');

if (row != null) {

$.confirm({

'title' : '操作确认提示',

'message' : '您确认要进行此成交操作?',

'buttons' : {

'Yes' : {

'class' : 'blue',

'action' : function() {

elem.slideUp();

$.post(url, {

id : row.id

}, function() {

$('#dg').datagrid('reload');

});

}

},

'No' : {

'class' : 'gray',

'action' : function() {

}

}

}

});

} else {

alert("您未选中任何信息!");

}

});

setInterval(function() {

$('#dg').datagrid('reload');

}, 60000);

});

function destroyUser() {

var row = $('#dg').datagrid('getSelected');

if (row) {

$.messager.confirm('操作提示',

'您确定要删除此条订单?',

function(r) {

if (r) {

$.post('../deleteSub.action', {

id : row.id

}, function(result) {

if (result.success) {

$('#dg').datagrid('reload'); // reload the user data

} else {

$.messager.show({ // show error message

title : 'Error',

msg : result.errorMsg

});

}

}, 'json');

}

});

}

}

</script>

<script language="JavaScript">

function myrefresh()

{

window.location.reload();

}

setTimeout('myrefresh()',3000000); //指定5秒刷新一次

</script>

<style type="text/css">

#fm {

margin: 0;

padding: 10px 30px;

}

.ftitle {

font-size: 14px;

font-weight: bold;

padding: 5px 0;

margin-bottom: 10px;

border-bottom: 1px solid #ccc;

}

.fitem {

margin-bottom: 5px;

}

.fitem label {

display: inline-block;

width: 80px;

}

</style>

</body>

</html>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类