摘要:如圖有多個鏈接,探頭維度配置詳情日志以上面代碼為例,在的時候可以在鏈接中自定義一個屬性,這樣就可以通過單元格的點擊事件監聽,然后通過判斷點擊的是哪一個鏈接,代碼如下這是單擊單元格時,觸發的事件定義一個函數,等下請求日志是同一個服務器
如圖有多個鏈接,
{ 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的時候可以在鏈接中自定義一個屬性“type”,這樣就可以通過grid單元格的點擊事件監聽,然后通過type判斷點擊的是哪一個鏈接,代碼如下:
listeners: { //這是單擊grid單元格時,觸發的事件 "cellclick": function (grid, td, cellIndex, record, tr, rowIndex, e, eOpts) { //定義一個函數,等下請求日志是同一個服務器的路徑,只是類型不同。 function fn(data, logsType) { if (1 != status) { Ext.MessageBox.alert("提示", "該引擎未啟動"); return; } var params = {}; params["id"] = data.id; params["logsType"] = logsType; // 發起請求時出現遮罩層 var myMask = new Ext.LoadMask(Ext.getBody(), { msg: "請等待..." }); 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("出錯提示", 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("出錯提示", response.error); } else { Ext.MessageBox.alert("運行錯誤", 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("提示", "該引擎未啟動"); 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("出錯提示", result.error); } else { // var jsonData=JSON.parse(JSON.stringify(result.data)); Ext.create("Ext.Window", { title: "引擎訂閱規則", 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("出錯提示", response.error); } else { Ext.MessageBox.alert("運行錯誤", 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; } } } }
這樣就根據判斷點擊的是哪一個超鏈接了,下面是整個頁面的源碼:
if (1 != status) { Ext.MessageBox.alert("提示", "該引擎未啟動"); return; } var params = {}; params["id"] = data.id; params["logsType"] = logsType; // 發起請求時出現遮罩層 var myMask = new Ext.LoadMask(Ext.getBody(), { msg: "請等待..." }); 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("出錯提示", 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("出錯提示", response.error); } else { Ext.MessageBox.alert("運行錯誤", response.responseText); } myMask.hide(); } });
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/83036.html
摘要:基于網格線的占位區網格中的單元格是有網格線劃分出來的,那么在網格布局中,同樣可以使用網格線來給子元素設置占位區域。也就是說這四條網格線間的區域是一個單元格。 CSS Grid布局對于我等來說就是一個全新的布局,但國外很多同行朋友已對這種布局做了全面的探知。前面花了兩篇內容(《CSS Grid布局:什么是網格布局》和《[CSS Grid布局:瀏覽器開啟CSS Grid Layout]ht...
摘要:標簽行內元素,表示一行中的一小段內容,沒有具體的語義。表示當前文件所在目錄下的上一級目錄,比如表示當前目錄下的上一級目錄下的文件夾中的的圖片。標簽表示列表的整體。1.html概述和基本結構 html概述 HTML是 HyperText Mark-up Language 的首字母簡寫,意思是超文本標記語言,超文本指的是超鏈接,標記指的是標簽,是一種用來制作網頁的語言,這種語言由一個個的標簽組成...
摘要:函數將單元格內容以形式呈現。自動評論代碼自動注釋單元格中的選定行,再次命中組合將取消注釋相同的代碼行。如果需要恢復整個已刪除的單元格,請按或撤消刪除單元格。 showImg(https://segmentfault.com/img/remote/1460000019599210); 編譯:小七、蔣寶尚 一些小提示和小技巧可能是非常有用的,特別是在編程領域。有時候使用一點點黑客技術,既可...
閱讀 2328·2021-11-22 14:56
閱讀 1460·2021-09-24 09:47
閱讀 904·2019-08-26 18:37
閱讀 2818·2019-08-26 12:10
閱讀 1522·2019-08-26 11:55
閱讀 3140·2019-08-23 18:07
閱讀 2294·2019-08-23 14:08
閱讀 605·2019-08-23 12:12