easyui進度條函式使用例子
阿新 • • 發佈:2019-01-29
<%@ 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>