easyui进度条函数使用例子

来源：互联网发布：淘宝有货到付款的产品编辑：程序博客网时间：2024/05/02 15:25
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%><%@ taglib prefix="e" uri="http://www.bonc.com.cn/easy/taglib/e"%><%@ taglib prefix="c" uri="http://www.bonc.com.cn/easy/taglib/c"%><%@ taglib prefix="a" tagdir="/WEB-INF/tags/app"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>My JSP 'SycnManager.jsp' starting page</title>    <meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><c:resources type="easyui,app" style="b"/>  </head>  <script type="text/javascript">  //同步日志  function synLog(){  $.messager.progress({ // 显示进度条     title:"同步到正式环境",           text:"正在处理...",           interval:100         });     var path = '<e:url value="syncnAction.e"/>';//获取路径   $.post(path,function(data){         // 关闭进度条   $.messager.progress('close');  //回调   alert(data);   refreshLogTable();  });  }    //刷新表格  function refreshLogTable(){  $("#logTable").datagrid("reload");  }  </script>  <body>  <div id="tbar">  <span style="margin-left: 2%;">数据同步页面</span>  <span style="margin-left: 60%;"><a href="javascript:synLog();" class="easyui-linkbutton" id="synLog">同步到正式环境</a></span>  </div>  <hr>  <c:datagrid  url="/pages/product/sycn/SycnManagerAction.jsp?eaction=synlist" id="logTable" toolbar="#tbar" tools="#utools"  style="height:430px;" rownumbers="true"><thead><tr><th field="TABLE_NAME" width="100">表名</th><th field="START_TIMES" width="100">同步开始时间</th><th field="END_TIMES" width="100">同步结束时间</th><th field="SPEND_TIME" width="100">耗时（秒）</th><th field="RESULTS" width="100">结果</th><th field="OPERATORS" width="100">操作人</th></tr>                          </thead>                     </c:datagrid>  </body></html>
0 0