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 相关文章推荐
加速IE的Javascript document输出的方法
Dec 02 Javascript
12种不宜使用的Javascript语法整理
Nov 04 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
JavaScript闭包实例详解
Jun 03 Javascript
js实现九宫格拼图小游戏
Feb 13 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
js获取当前周、上一周、下一周日期
Mar 19 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
Aug 17 Javascript
React 源码中的依赖注入方法
Nov 07 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 Javascript
vue中使用mockjs配置和使用方式
Apr 06 Vue.js
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
windows下升级PHP到5.3.3的过程及注意事项
2010/10/12 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
优化 JavaScript 代码的方法小结
2009/07/16 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
2014/04/10 Javascript
jQuery基于当前元素进行下一步的遍历
2014/05/20 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
2015/03/25 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
深入理解js 中async 函数的含义和用法
2018/05/13 Javascript
Angular实现模版驱动表单的自定义校验功能(密码确认为例)
2018/05/17 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
JSON生成Form表单的方法示例
2018/11/21 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
Jquery如何使用animation动画效果改变背景色的代码
2020/07/20 jQuery
javascript实现智能手环时间显示
2020/09/18 Javascript
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
[49:11]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.20
2020/12/23 DOTA
Python3基础之list列表实例解析
2014/08/13 Python
10款最好的Web开发的 Python 框架
2015/03/18 Python
Python变量和数据类型详解
2017/02/15 Python
更换Django默认的模板引擎为jinja2的实现方法
2018/05/28 Python
jupyter lab文件导出/下载方式
2020/04/22 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
法国足球商店:Footcenter
2019/07/06 全球购物
世界汽车零件:World Car Parts
2019/09/04 全球购物
《十六年前的回忆》教学反思
2014/02/14 职场文书
博士毕业生自我鉴定范文
2014/04/13 职场文书
天坛导游词
2015/02/02 职场文书
前台接待员岗位职责
2015/04/15 职场文书
防止web项目中的SQL注入
2021/12/06 MySQL
MySQL中B树索引和B+树索引的区别详解
2022/03/03 MySQL
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技