js 通用订单代码


Posted in Javascript onDecember 23, 2013
<%@ 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="预订装修管理" class="easyui-datagrid" 
style="width: 1200px; height: 590px" 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> 
<!-- <th field="status" width="10">状态</th> --> 
</tr> 
</thead> 
</table> 
<div id="toolbar"> 
<div id="toolbar"> 
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">删除订单</a> 
<a href="javascript:void(0)" class="easyui-linkbutton" id="unorder">未成交订单</a> <a 
href="javascript:void(0)" class="easyui-linkbutton" 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 自动填写表单的实现方法
Apr 09 Javascript
jQuery 获取对象 定位子对象
May 31 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
Jul 02 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
ztree简介_动力节点Java学院整理
Jul 19 Javascript
详解Vue中watch的高级用法
May 02 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
Aug 22 Javascript
详解基于React.js和Node.js的SSR实现方案
Mar 21 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 Javascript
JavaScript进阶(一)变量声明提升实例分析
May 09 Javascript
Javascript call及apply应用场景及实例
Aug 26 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 #Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 #Javascript
浮动的div自适应居中显示的js代码
Dec 23 #Javascript
javascript实现简单的Map示例介绍
Dec 23 #Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 #Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 #Javascript
js写的评论分页(还不错)
Dec 23 #Javascript
You might like
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
PHP 记录访客的浏览信息方法
2018/01/29 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
IE6下JS动态设置图片src地址问题
2010/01/08 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
2013/11/17 Javascript
js鼠标及对象坐标控制属性详细解析
2013/12/14 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
JavaScript中的this引用(推荐)
2016/08/05 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
React如何避免重渲染
2018/04/10 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
2018/05/18 Javascript
Vue+Node实现的商城用户管理功能示例
2019/12/23 Javascript
js实现计算器功能
2020/08/10 Javascript
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
python中assert用法实例分析
2015/04/30 Python
Python常用的爬虫技巧总结
2016/03/28 Python
对numpy中shape的深入理解
2018/06/15 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
opencv与numpy的图像基本操作
2019/03/08 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
Marlies Dekkers内衣美国官方网上商店:高端内衣品牌
2018/11/12 全球购物
社区八一活动方案
2014/02/03 职场文书
村党支部公开承诺书
2014/05/29 职场文书
社区平安建设汇报材料
2014/08/14 职场文书
义诊活动总结
2015/02/04 职场文书
2016大学生就业指导课心得体会
2016/01/15 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js
Python基于百度API识别并提取图片中文字
2021/06/27 Python