機柜 U 位管理是一項突破性創(chuàng)新技術--繼承了 RFID 標簽（電子標簽）的優(yōu)點的同時，完全解決了 RFID 技術（非接觸式的自動識別技術）在機房 U 位資產(chǎn)監(jiān)控場應用景中的四大缺陷，采用工業(yè)互聯(lián)網(wǎng)云平臺監(jiān)控機房 U 位的方法，具有高可靠性、高準確性、精準定位、免維護的特點，滿足了 U 位級實時監(jiān)控、智能運維閉環(huán)管理的需求。設備上架、下架與遷移，自動變更和實時記錄，（用戶評價）：部署工業(yè)互聯(lián)網(wǎng)云平臺監(jiān)控機房 U 位后節(jié)省了 99% 的登記變更記錄的時間，而且實現(xiàn)了變更后數(shù)據(jù) 100% 的準確，在這之前是難以想象的，真正實現(xiàn)運維管理最后的工作。

整個 Demo 由最左側(cè)的樹，中間部分的列表以及右邊的拓撲圖整體構(gòu)成，為了讓整個布局干凈一點，這里結(jié)合 splitView 和 borderPane 兩種布局方式來進行。首先將場景分為左右兩個部分，左邊為樹，右邊是列表和拓撲圖的組合：

布局結(jié)束記得將最外層組件的最底層 div 添加到 body 中，HT 的組件一般都會嵌入 BorderPane、SplitView 和 TabView 等容器中使用，而最外層的HT組件則需要用戶手工將 getView() 返回的底層 div 元素添加到頁面的 DOM 元素中，這里需要注意的是，當父容器大小變化時，如果父容器是 BorderPane 和 SplitView 等這些HT預定義的容器組件，則HT的容器會自動遞歸調(diào)用孩子組件 invalidate 函數(shù)通知更新。但如果父容器是原生的 html 元素， 則 HT 組件無法獲知需要更新，因此最外層的 HT 組件一般需要監(jiān)聽 window 的窗口大小變化事件，調(diào)用最外層組件 invalidate 函數(shù)進行更新。為了最外層組件加載填充滿窗口的方便性，HT 的所有組件都有 addToDOM 函數(shù)，其實現(xiàn)邏輯如下，其中 iv 是 invalidate 的簡寫：

右邊的拓撲圖部分是在監(jiān)聽選中變化事件的時候更新的，當然，初始化設置的選中樹上的第一個節(jié)點就觸發(fā)了選中變化事件：

上面代碼中 splitView.setRightView 函數(shù)意為設置右側(cè)組件，有了這個函數(shù)，我就可以動態(tài)地改變 spliteView 組件中的右側(cè)組件了。

來源：機房監(jiān)控 http://www.28ut.com/   本文采集于網(wǎng)絡，如有問題有聯(lián)系刪除