定時ajax獲取日誌(easyui進度條+js滾動條)
@RequestMapping ("/getLoggerInfos") @ResponseBody public String getLoggerInfos (HttpServletRequest request, HttpServletResponse response) { Map <String, Object> jsonMap = new HashMap <String, Object> (); List <String> resultList = new ArrayList <String> (); List <String> resultListToHtml = new ArrayList <String> (); String loggerType = request.getParameter ("loggerType"); Integer progress = 100; boolean flag = false; // 讀取日誌的下標 int loggerIndex = 0; HttpSession session = request.getSession (); if (("import").equals (loggerType)) { // 獲取匯入日誌資訊 Object obj = session.getAttribute ("resultList"); Object loggerIndexObj = session.getAttribute ("loggerIndex"); Integer isExist = (Integer) loggerIndexObj; if (null != isExist) { loggerIndex = isExist; } jsonMap.put ("loggerType", loggerType); if (null != obj) { resultList = (List <String>) obj; for (; loggerIndex < resultList.size (); loggerIndex++) { String str = resultList.get (loggerIndex); if ("OVER".equals (str)) { flag = true; session.removeAttribute ("resultList"); } else { resultListToHtml.add (str); } } session.setAttribute ("loggerIndex", Integer.valueOf (loggerIndex)); } else { resultList = null; } // 獲取匯入進度 Object obj1 = session.getAttribute ("importProgress"); if (null != obj1) { progress = (Integer) obj1; } } else if (("export").equals (loggerType)) { // 獲取匯出日誌資訊 Object obj = session.getAttribute ("exportResultList"); Object loggerIndexObj = session.getAttribute ("exp_loggerIndex"); Integer isExist = (Integer) loggerIndexObj; if (null != isExist) { loggerIndex = isExist; } jsonMap.put ("loggerType", loggerType); if (null != obj) { resultList = (List <String>) obj; for (; loggerIndex < resultList.size (); loggerIndex++) { String str = resultList.get (loggerIndex); if ("OVER".equals (str)) { flag = true; session.removeAttribute ("exportResultList"); } else { resultListToHtml.add (str); } } session.setAttribute ("exp_loggerIndex", Integer.valueOf (loggerIndex)); } else { resultList = null; } // 獲取匯入進度 Object obj1 = session.getAttribute ("exportProgress"); if (null != obj1) { progress = (Integer) obj1; } } jsonMap.put ("isStop", flag); jsonMap.put ("resultList", resultListToHtml); jsonMap.put ("progress", progress); String jsonStr = JSONObject.fromObject (jsonMap).toString (); return jsonStr; }
html
<!-- 顯示日誌彈出框 importResultDiv--> <div id="showResult" class="easyui-dialog" style="width: 600px; height:550px;" closed="true" buttons="#showResult-buttons" data-options="modal:true"> <div id="importProgressbar" class="easyui-progressbar" style="width:540px;margin-left:20px;margin-top:20px;"></div> <div id="importResultDiv" class="importResultDiv"> </div> </div> <div id="showResult-buttons"> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" id="claenResult">關閉</a> </div>
補充(日誌顯示框滾動條在底部)
相關推薦
定時ajax獲取日誌(easyui進度條+js滾動條)
@RequestMapping ("/getLoggerInfos") @ResponseBody public String getLoggerInfos (HttpServletRequest request, HttpServletResponse response) {
【整理】原生js和jQ獲取窗口寬高及滾動條的方法和函數
javascript 滾動條 jq 窗口距離 原生js和jQ獲取窗口寬高及滾動條的方法和函數 一。原生js獲取 1.實際寬高(不包括工具欄,滾動條的視口高度,ie6.7.8不支持) window.innerHeight window.innerWidth 2.顯示屏寬高 screen.h
ThinkPHP定時ajax獲取後臺資料,使用javascript動態修改前端頁面的表格來顯示資料
廢話少說,直接上程式碼: <!DOCTYPE html> <html> <head> <title>ThinkPHP定時ajax獲取後臺資料</title> <meta http-equ
js滾動條滾動到底部和頂部
var margin wid XML oct clas scrip scrolltop css <!DOCTYPE html> <html> <head> <title></title>
js滾動條當前高度問題
js三個高屬性1.屏幕可視區高度document.documentElement.clientHeight;2.頁面的高度document.documentElement.scrollHeight;3.滾動條當前高度document.documentElement.scrollTop;document.bod
easyui去掉datagrid的滾動條
工作過程中需要去掉滾動條這個功能,由於是特別小的知識點,所以在此記錄,以防忘記。 帶滾動條時,如果資料超過規定大小則出現滾動條,否則不出現 但滾動條所佔的寬度依然存在,兩種狀態截圖如下: 去掉滾動條的方法:開啟jquery.easyui.min.js檔案,找到wrap.
js滾動條外掛(相容各個主流瀏覽器)
《js 滾動條外掛》 <html> <head><meta charset="UTF-8"><title>scrollBar</title><style type="text/css">body,div
EasyUI頁面重新整理後滾動條沒有恢復到初始位置,已解決
如題,由於大部分瀏覽器都對滾動條的位置有記憶功能,當頁面重新整理後,如果希望滾動條的位置恢復到初始位置,即最頂端,應當在js中呼叫datagrid物件scrollTo(index)方法滾動到指定行。該
純css實現頂部進度條隨滾動條滾動
<!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <tit
SkinUI入門教程(七) 第四組UI元件:進度條、分割條、滾動條和滑塊
7.1 進度條 進度條由CSkinProgress類來代表,繼承於CSkinView,支援CSkinView的所有屬性和方法。 通過給進度條設定不同的圖片資源,可以得到各種形態的進度條。 進度條效果圖 佈局檔案如下: <SkinDialog DefaultWidth="400" DefaultHei
js滾動條位置,頂部,底部,觸發事件
function getScrollTop(){ var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0; if(document.body){ bodyScroll
js 滾動條判斷是否滾動到底部
off 滾動 ane 是否 判斷 arp his true csharp return this.$refs.panel.scrollTop == this.$refs.panel.scrollHeight - this.$refs.panel.offsetHe
表格table的thead固定,tbody顯示滾動條,滾動條不佔位
在書寫專案的時候,當給tbody加滾動條時由於滾動條會佔位,總是出現表格邊框不對齊有錯位的效果呢,如下圖 <table class="table_cell">
設定Webview的滾動條屬性- 滾動條白邊解決方法
我以前一篇文章說用Webview來顯示網頁,但是很多人用了以後發現,右側的滾動條佔據的地方出現了白邊。 這個小的困擾造成軟體介面的缺陷,真是令人不舒服。 這個問題應如何解決呢? 經過一段困擾,研究終於解決了, 加入這個語句
js獲取窗口滾動條高度、窗口可視範圍高度、文檔實際內容高度、滾動條離瀏覽器底部的高度
onscroll style pre span 文檔 log ner ons cti 1.獲取窗口可視範圍的高度 1 //獲取窗口可視範圍的高度 2 function getClientHeight(){ 3 var clientHeight=0;
【easyui-combobox】下拉菜單自動補全功能,Ajax獲取遠程數據源
combo -c -o efi 字段 data app script resp 這個是針對easyUI的下拉菜單使用的,Ajax獲取遠程數據源 HTML 頁面 <input id="uname" name="uname" class="easyui-combo
jquery 倒計時 60秒 短信 驗證碼 js ajax 獲取
mov bsp dex style getc AI time UC LV $(function () { var wait=60; function time( o ){ if (wait == 0) {
javascript使用ajax下載文件進度條實現
javascript使用ajax下載文件代碼: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="te
通過js和ajax獲取token及刷新token示例
ssi ole func 存在 dom 可選 nbsp scope 網頁 基於Oauth2.0協議授權碼模式 授權碼模式工作流程: (A)瀏覽器訪問該js客戶端,js將網頁重定向到認證服務器(/oauth/authorize),攜帶clientid等信息 (B)用戶選擇是否
easyui進度條
自己的專案遇到的 總結下:假的資料可以實現 具體進度還是要根據專案需求進行計算。 table列表: <th dataoptions="field:'progress',width:120,halign:'center',formatter:showProcessBar "&g