博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui tabs切换和单个页面手动刷新以及点击添加新的tabs
阅读量:7121 次
发布时间:2019-06-28

本文共 10899 字,大约阅读时间需要 36 分钟。

js

var showLogDialog = {    codeMirror: null,    num:0,    str:'',    tabsNum:'',    init: function () {//刚打开页面        var actionId = $("input[name='actionId']").val();        var actionSid = $("input[name='actionSid']").val();        var type = $("input[name='type']").val();        var index = $.eleProgress();        $.ajax({            url: "xxxxxxxxx",            type: "post",            dataType: "json",            data: {                "actionId": actionId,                "actionSid": actionSid,                "type": type            },            success: function (data) {                                if (data.errorCode == 0) {                    for (var i in data.returnObj) {                        var logInfo = data.returnObj[i].logInfo;                        var str=sql(logInfo);                        showLogDialog.str=sql(data.returnObj[0].logInfo);                        showLogDialog.num=data.returnObj[0].lastLineNum;                        str = str.replace(/( )\1+(
)/g, '').replace(/(
)\1+/g, '
');//多个
替换成一个 if (null != logInfo) { $('#log_tabs').tabs('add', { id: data.returnObj[i].logUrl, title: data.returnObj[i].runServer + '第' + (data.returnObj.length - i) + '次', // content: sql(logInfo), content: str, lastLineNum:data.returnObj[i].lastLineNum, showStyle:"Refresh", str:sql(data.returnObj[i].logInfo), snum:0 //帮助判断是否是第一次点击tabs }); } else { $('#log_tabs').tabs('add', { id: data.returnObj[i].logUrl, title: data.returnObj[i].runServer + '第' + (data.returnObj.length - i) + '次', content: "have no log", lastLineNum:data.returnObj[i].lastLineNum, showStyle:"Refresh", }); } } $('#log_tabs').tabs('select', 0); $.eleProgressClose(index); showLogDialog.bindOnTabSelectEvent(); $('#log_tabs').tabs({ tools: '#tab-tools' }); } else { $.eleAlert(data.message, 2); $.eleProgressClose(index); return; } } }); }, onRefreshBtnClicked: function () {//刷新 var tab = $('#log_tabs').tabs('getSelected'); var actionSid = $("input[name='actionSid']").val(); if (null != tab.panel('options').id) { // index = $.eleProgress(); $.ajax({ url: "xxxxxxxxx", type: "post", dataType: "json", data: { "logUrl": tab.panel('options').id, "actionSid":actionSid, "lastLineNum":showLogDialog.num, }, success: function (data) { if (data.errorCode == 0) { tab.panel('options').snum++; console.log(tab.panel('options').snum) if (null != data.returnObj.logInfo&&data.returnObj.lastLineNum!=-1) { if(data.returnObj.lastLineNum>-1){ showLogDialog.num=data.returnObj.lastLineNum; } var str=sql(data.returnObj.logInfo); str = str.replace(/( )\1+(
)/g, '').replace(/(
)\1+/g, '
');//多个
替换成一个 str=tab.panel('options').content+str $('#log_tabs').tabs('update', { tab: tab, options: { content: str } }); } else if(null == data.returnObj.logInfo){ showLogDialog.num=data.returnObj.lastLineNum; var str=tab.panel('options').content str = str.replace(/( )\1+(
)/g, '').replace(/(
)\1+/g, '
');//多个
替换成一个 $('#log_tabs').tabs('update', { tab: tab, options: { content: str } }); } else{ $('#log_tabs').tabs('update', { tab: tab, options: { content: "have no log" } }); } } else { $.eleAlert(data.message, 2); return; } } }); } }, bindOnTabSelectEvent: function () {//切换tabs var actionSid = $("input[name='actionSid']").val(); $('#log_tabs').tabs({ onSelect: function (title, index) { var tab = $('#log_tabs').tabs('getSelected'); // index = $.eleProgress(); if(tab.panel('options').showStyle=="down"){ $("#down").css("display","block"); $("#Refresh").css("display","none"); showLogDialog.tabsNum=tab.panel('options').id }else if(tab.panel('options').showStyle=="Refresh"){ $("#down").css("display","none"); $("#Refresh").css("display","block"); if(tab.panel('options').snum==0){ tab.panel('options').snum++; console.log(tab.panel('options').snum) $.ajax({ url: "xxxxxxxxxx", type: "post", dataType: "json", data: { "logUrl": tab.panel('options').id, "lastLineNum":tab.panel('options').lastLineNum, "actionSid":actionSid, }, success: function (data) { if (data.errorCode == 0) { if (null != data.returnObj.logInfo&&data.returnObj.lastLineNum!=-1) { if(data.returnObj.lastLineNum>-1){ showLogDialog.num=data.returnObj.lastLineNum; // showLogDialog.str=sql(data.returnObj.logInfo); } var str=sql(data.returnObj.logInfo); str = str.replace(/( )\1+(
)/g, '').replace(/(
)\1+/g, '
');//多个
替换成一个 str=tab.panel('options').content+str $('#log_tabs').tabs('update', { tab: tab, options: { content: str } }); } else if(null == data.returnObj.logInfo){ showLogDialog.num=data.returnObj.lastLineNum; var str=tab.panel('options').content; str = str.replace(/( )\1+(
)/g, '').replace(/(
)\1+/g, '
');//多个
替换成一个 $('#log_tabs').tabs('update', { tab: tab, options: { content: str } }); }else{ $('#log_tabs').tabs('update', { tab: tab, options: { content: 'have no log' } }); } // $.eleProgressClose(index); } else { $.eleAlert(data.message, 2); // $.eleProgressClose(index); return; } } }); }else{ console.log("不进行点击调用") } } } // } }); },}$(function () { showLogDialog.init();});function addTab(jonId){//新增tabs showLogDialog.tabsNum=jonId; //判断选项卡是否重复打开 if ($('#log_tabs').tabs('exists', "详情"+(jonId))) { $('#log_tabs').tabs('select', "详情"+(jonId));//选中并刷新 } else { $.ajax({ url: "xxxxxxxxxxxx", type: "post", dataType: "json", data: { "jobId": jonId, }, success: function (data) { if (data.errorCode == 0) { if(data.returnObj.length>0) { $('#log_tabs').tabs('add', { title: "详情"+(jonId), id:jonId, content: data.returnObj, showStyle:"down" }); } else { $('#log_tabs').tabs('add', { title: "详情"+(jonId), id:jonId, content: "have no log", showStyle:"down" }); } } $('#log_tabs').tabs('select', "详情"+(jonId));//点击定位到该tabs // $('#log_tabs').tabs({ // tools: '#tab-tools' // }); } }); }}function downBtnClicked(){//下载日志详情 window.open("xxxxxxxxx?jobId="+showLogDialog.tabsNum)}复制代码

html

<#include "/base/header.ftl"/>
<#include "/base/footer.ftl"/> 复制代码

转载于:https://juejin.im/post/5c74e37e6fb9a049c43e527e

你可能感兴趣的文章
oracle报错注入的一些函数
查看>>
Android下载图片/调用系统相机拍照、显示并保存到本地
查看>>
LeetCode算法题-Detect Capital(Java实现)
查看>>
Java GC 原理
查看>>
strust2 和 hibernate的整合------登录的实现
查看>>
关于BOF改进方法的一些introduction
查看>>
20165323 第一周学习总结
查看>>
关于在Mac上启动了模拟器/连接了手机之后。adb device一直提示List of devices attached的问题...
查看>>
1.1 创建 Android 项目
查看>>
第二章 例题2-11
查看>>
matlab 车牌分割的算法
查看>>
popoverController简单介绍
查看>>
linux常用命令
查看>>
【重学计算机】计组D1章:计算机系统概论
查看>>
分布式大数据多维分析(OLAP)引擎Apache Kylin安装配置及使用示例【转】
查看>>
Hello Spring(5)ApplicationContext
查看>>
使用zabbix监控mariadb性能状态
查看>>
cacti yum快速部署
查看>>
系统参数递归
查看>>
tomcat详细日志配置
查看>>