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中callee与caller的用法和应用场景
Dec 08 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
Dec 31 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
Jan 11 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
jQuery制作简洁的图片轮播效果
Apr 03 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
Oct 21 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
深入掌握 react的 setState的工作机制
Sep 27 Javascript
ES6中Symbol、Set和Map用法详解
Aug 20 Javascript
layui的数据表格+springmvc实现搜索功能的例子
Sep 28 Javascript
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
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程序
2006/10/09 PHP
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
php使用sql数据库 获取字段问题介绍
2013/08/12 PHP
简单的php中文转拼音的实现代码
2014/02/11 PHP
PHP、Python和Javascript的装饰器模式对比
2015/02/03 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
Javascript面象对象成员、共享成员变量实验
2010/11/19 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
nodejs调用cmd命令实现复制目录
2015/05/04 NodeJs
jquery+json实现数据二级联动的方法
2015/11/28 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
浅谈Vue.use的使用
2018/08/29 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
2018/09/13 Javascript
[33:42]LGD vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[28:07]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第二场 12.13
2020/12/17 DOTA
python中for语句简单遍历数据的方法
2015/05/07 Python
以windows service方式运行Python程序的方法
2015/06/03 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
Python实现的从右到左字符串替换方法示例
2018/07/06 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
python实现证件照换底功能
2019/08/20 Python
Python实现自动访问网页的例子
2020/02/21 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
好药师网上药店:安全合法的网上药品零售药房
2017/02/15 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
致短跑运动员广播稿
2014/01/09 职场文书
欧也妮葛朗台读书笔记
2015/06/30 职场文书
致运动员赞词
2015/07/22 职场文书
源码分析Redis中 set 和 sorted set 的使用方法
2022/03/22 Redis