您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
js 通用订单代码
作者：佚名 责任编辑：admin 更新时间：2022-06-22
对于订单，想必大家并不陌生吧，下为大家介绍下使用js实现的订单，感兴趣的朋友可以参考下
代码如下: <%@ 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>- 上一个程序编程： Cult3D改变材质颜色的java代码
- 下一个程序编程： js文件中写el表达式取不到值的原因及解决方法
