資訊專(zhuān)欄INFORMATION COLUMN
摘要：如圖有多個(gè)鏈接，探頭維度配置詳情日志以上面代碼為例，在的時(shí)候可以在鏈接中自定義一個(gè)屬性，這樣就可以通過(guò)單元格的點(diǎn)擊事件監(jiān)聽(tīng)，然后通過(guò)判斷點(diǎn)擊的是哪一個(gè)鏈接，代碼如下這是單擊單元格時(shí)，觸發(fā)的事件定義一個(gè)函數(shù)，等下請(qǐng)求日志是同一個(gè)服務(wù)器
如圖有多個(gè)鏈接，
{
text: "探頭維度配置",
dataIndex: "probeId",
cls: "ux-grid-header",
align: "center",
width: 125,
renderer: function (val) {
return "詳情";
}
}, {
text: "日志",
cls: "ux-grid-header",
align: "center",
width: 240,
renderer: function (val) {
return "error.log,warn.log,info.log";
}
以上面代碼為例，在renderer的時(shí)候可以在鏈接中自定義一個(gè)屬性“type”，這樣就可以通過(guò)grid單元格的點(diǎn)擊事件監(jiān)聽(tīng)，然后通過(guò)type判斷點(diǎn)擊的是哪一個(gè)鏈接，代碼如下：
listeners: {
//這是單擊grid單元格時(shí)，觸發(fā)的事件
"cellclick": function (grid, td, cellIndex, record, tr, rowIndex, e, eOpts) {
//定義一個(gè)函數(shù)，等下請(qǐng)求日志是同一個(gè)服務(wù)器的路徑，只是類(lèi)型不同。
function fn(data, logsType) {
if (1 != status) {
Ext.MessageBox.alert("提示", "該引擎未啟動(dòng)");
return;
}
var params = {};
params["id"] = data.id;
params["logsType"] = logsType;
// 發(fā)起請(qǐng)求時(shí)出現(xiàn)遮罩層
var myMask = new Ext.LoadMask(Ext.getBody(), {
msg: "請(qǐng)等待..."
});
myMask.show();
Ext.Ajax.request({
url: "engine/logs",
headers: {
"Content-Type": "application/json;charset=utf-8"
},
params: params,
method: "GET",
success: function (response, options) {
var result = Ext.JSON.decode(response.responseText);
if (!result.success) {
Ext.MessageBox.alert("出錯(cuò)提示", result.error);
} else {
// var jsonData=JSON.parse(JSON.stringify(result.data));
Ext.create("Ext.Window", {
title: "日志",
height: 400,
width: 700,
layout: "fit",
items: {
xtype: "panel",
autoScroll: true,
// value: result.data,
html: result.data,
readOnly: true
}
}).show();
}
myMask.hide();
},
failure: function (response, options) {
if (!response.success) {
Ext.MessageBox.alert("出錯(cuò)提示", response.error);
} else {
Ext.MessageBox.alert("運(yùn)行錯(cuò)誤", response.responseText);
}
myMask.hide();
}
});
}
var me = this;
var data = record.data;
var status = data.status;
if (e.target.nodeName == "A") {
var type = e.target.type;
switch (type) {
case "rule":
if (1 != status) {
Ext.MessageBox.alert("提示", "該引擎未啟動(dòng)");
return;
}
Ext.Ajax.request({
url: "engine/engineRules",
headers: {
"Content-Type": "application/json;charset=utf-8"
},
jsonData: data,
method: "POST",
success: function (response, options) {
var result = Ext.JSON.decode(response.responseText);
if (!result.success) {
Ext.MessageBox.alert("出錯(cuò)提示", result.error);
} else {
// var jsonData=JSON.parse(JSON.stringify(result.data));
Ext.create("Ext.Window", {
title: "引擎訂閱規(guī)則",
height: 400,
width: 700,
layout: "fit",
items: {
xtype: "textarea",
value: result.data,
readOnly: true
}
}).show();
}
},
failure: function (response, options) {
if (!response.success) {
Ext.MessageBox.alert("出錯(cuò)提示", response.error);
} else {
Ext.MessageBox.alert("運(yùn)行錯(cuò)誤", response.responseText);
}
}
});
break;
case "probes" :
var ids = data.probeId;
var probesWin = Ext.widget("probesWindow");
var probeStore = probesWin.down("grid").getStore();
probeStore.getProxy().extraParams = {"ids": ids};
probeStore.loadPage(1);
probesWin.show();
break;
case "errorLogs":
fn(data, "errorLogs");
break;
case "infoLogs":
fn(data, "infoLogs");
break;
case "warnLogs":
fn(data, "warnLogs");
break;
default:
return;
}
}
}
}
這樣就根據(jù)判斷點(diǎn)擊的是哪一個(gè)超鏈接了，下面是整個(gè)頁(yè)面的源碼：
if (1 != status) {
Ext.MessageBox.alert("提示", "該引擎未啟動(dòng)");
return;
}
var params = {};
params["id"] = data.id;
params["logsType"] = logsType;
// 發(fā)起請(qǐng)求時(shí)出現(xiàn)遮罩層
var myMask = new Ext.LoadMask(Ext.getBody(), {
msg: "請(qǐng)等待..."
});
myMask.show();
Ext.Ajax.request({
url: "engine/logs",
headers: {
"Content-Type": "application/json;charset=utf-8"
},
params: params,
method: "GET",
success: function (response, options) {
var result = Ext.JSON.decode(response.responseText);
if (!result.success) {
Ext.MessageBox.alert("出錯(cuò)提示", result.error);
} else {
// var jsonData=JSON.parse(JSON.stringify(result.data));
Ext.create("Ext.Window", {
title: "日志",
height: 400,
width: 700,
layout: "fit",
items: {
xtype: "panel",
autoScroll: true,
// value: result.data,
html: result.data,
readOnly: true
}
}).show();
}
myMask.hide();
},
failure: function (response, options) {
if (!response.success) {
Ext.MessageBox.alert("出錯(cuò)提示", response.error);
} else {
Ext.MessageBox.alert("運(yùn)行錯(cuò)誤", response.responseText);
}
myMask.hide();
}
});
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/83036.html
摘要：基于網(wǎng)格線(xiàn)的占位區(qū)網(wǎng)格中的單元格是有網(wǎng)格線(xiàn)劃分出來(lái)的，那么在網(wǎng)格布局中，同樣可以使用網(wǎng)格線(xiàn)來(lái)給子元素設(shè)置占位區(qū)域。也就是說(shuō)這四條網(wǎng)格線(xiàn)間的區(qū)域是一個(gè)單元格。 CSS Grid布局對(duì)于我等來(lái)說(shuō)就是一個(gè)全新的布局，但國(guó)外很多同行朋友已對(duì)這種布局做了全面的探知。前面花了兩篇內(nèi)容（《CSS Grid布局：什么是網(wǎng)格布局》和《[CSS Grid布局：瀏覽器開(kāi)啟CSS Grid Layout]ht...
摘要：標(biāo)簽行內(nèi)元素，表示一行中的一小段內(nèi)容，沒(méi)有具體的語(yǔ)義。表示當(dāng)前文件所在目錄下的上一級(jí)目錄，比如表示當(dāng)前目錄下的上一級(jí)目錄下的文件夾中的的圖片。標(biāo)簽表示列表的整體。1.html概述和基本結(jié)構(gòu) html概述 HTML是 HyperText Mark-up Language 的首字母簡(jiǎn)寫(xiě)，意思是超文本標(biāo)記語(yǔ)言，超文本指的是超鏈接，標(biāo)記指的是標(biāo)簽，是一種用來(lái)制作網(wǎng)頁(yè)的語(yǔ)言，這種語(yǔ)言由一個(gè)個(gè)的標(biāo)簽組成...
摘要：布局是軸線(xiàn)布局，只能指定項(xiàng)目針對(duì)軸線(xiàn)的位置，可以看作是一維布局?？梢允且粋€(gè)長(zhǎng)度值，一個(gè)百分比，或者一個(gè)自由空間的一部分使用單位控制自動(dòng)布局算法的工作方式。 Grid 布局是網(wǎng)站設(shè)計(jì)的基礎(chǔ)，CSS Grid 是創(chuàng)建網(wǎng)格布局最強(qiáng)大和最簡(jiǎn)單的工具。 輕松使用 Grid 布局提高開(kāi)發(fā)效率，對(duì)復(fù)雜的網(wǎng)頁(yè)結(jié)構(gòu)布局更加靈活。 一、概述 Grid 將網(wǎng)頁(yè)劃分成一個(gè)個(gè)網(wǎng)格，可以任意組合不同的網(wǎng)格，做出...
摘要：函數(shù)將單元格內(nèi)容以形式呈現(xiàn)。自動(dòng)評(píng)論代碼自動(dòng)注釋單元格中的選定行，再次命中組合將取消注釋相同的代碼行。如果需要恢復(fù)整個(gè)已刪除的單元格，請(qǐng)按或撤消刪除單元格。 showImg(https://segmentfault.com/img/remote/1460000019599210); 編譯：小七、蔣寶尚 一些小提示和小技巧可能是非常有用的，特別是在編程領(lǐng)域。有時(shí)候使用一點(diǎn)點(diǎn)黑客技術(shù)，既可...
閱讀 2340·2021-11-22 14:56
閱讀 1478·2021-09-24 09:47
閱讀 913·2019-08-26 18:37
閱讀 2832·2019-08-26 12:10
閱讀 1528·2019-08-26 11:55
閱讀 3150·2019-08-23 18:07
閱讀 2306·2019-08-23 14:08
閱讀 612·2019-08-23 12:12
