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 相关文章推荐
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
Jan 13 Javascript
jquery利用ajax调用后台方法实例
Aug 23 Javascript
JS保存和删除cookie操作 判断cookie是否存在
Nov 13 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
JS返回iframe中frameBorder属性值的方法
Apr 01 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
Jun 28 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
使用FileReader API创建Vue文件阅读器组件
Apr 03 Javascript
加快Vue项目的开发速度的方法
Dec 12 Javascript
JS实现页面炫酷的时钟特效示例
Aug 14 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 xml文件操作代码(一)
2009/03/20 PHP
php 数组二分法查找函数代码
2010/02/16 PHP
PHP框架Swoole定时器Timer特性分析
2014/08/19 PHP
PHP实现二叉树的深度优先与广度优先遍历方法
2015/09/28 PHP
php str_getcsv把字符串解析为数组的实现方法
2017/04/05 PHP
Laravel学习教程之request validation的编写
2017/10/25 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
var与Javascript变量隐式声明
2009/09/17 Javascript
Javascript 变量作用域 两个可能会被忽略的小特性
2010/03/23 Javascript
JS 跳转页面延迟2种方法
2013/03/29 Javascript
jQuery 设置 CSS 属性示例介绍
2014/01/16 Javascript
使用js画图之正弦曲线
2015/01/12 Javascript
javascript动画之磁性吸附效果篇
2016/12/09 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
2017/09/18 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
2017/09/18 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
jQuery实现的五星点评功能【案例】
2019/02/18 jQuery
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
Python中的二叉树查找算法模块使用指南
2014/07/04 Python
Python素数检测的方法
2015/05/11 Python
如何使用python3获取当前路径及os.path.dirname的使用
2019/12/13 Python
Python实现大数据收集至excel的思路详解
2020/01/03 Python
Python读写压缩文件的方法
2020/07/30 Python
CSS3实现文本垂直排列的方法
2018/07/10 HTML / CSS
作为网站管理者应当如何防范XSS
2014/08/16 面试题
Boolean b = new Boolean(“abcde”); 会编译错误码
2013/11/27 面试题
艺术设计专业个人求职信范文
2013/12/11 职场文书
微观物理专业自荐信
2014/01/26 职场文书
中学清明节活动总结
2014/07/04 职场文书
社区四风存在问题及整改措施
2014/10/26 职场文书
初中毕业感言300字
2015/07/31 职场文书
2019年朋友圈经典励志语录50条
2019/07/05 职场文书