ExtJS渲染失敗解決方案(一)

2021-09-01 10:29:45 字數 1223 閱讀 3208

extjs

是一種主要用於建立前端使用者介面,是乙個與後台技術無關的前端ajax

框架,它功能豐富,介面優美,不過在專案管理資訊系統開發的過程中,發現extjs

框架經常出現頁面渲染失敗的現象,主要表現在資料的列表頁面。

在debugger

模式下,通過對gridpanel

渲染成功時生成的panel

物件的屬性與失敗時生成的panel

物件的屬性進行對比,發現當渲染成功時panel

的width

屬性總是大於0

,而失敗時panel

的width

屬性總是小於或等於0

,如下圖:

渲染失敗

渲染成功

當頁面只有乙個panel

時,只需要在其返回乙個panel

物件前判斷此panel

的width

屬性,如果屬性值小於或等於0

當頁面存在多個panel

時,不僅要判斷gridpanel

注:在專案管理系統中,很多頁面存在多個panel

時,當每生成乙個panel

,此panel

的store

都會呼叫一次load()

方法,當頁面所有panel

都生成後,然後又會呼叫所需要顯示的tabpanel

的store

的load()

方法,這樣就會造成頁面載入過慢或者資料顯示很慢。建議在構造panel

的方法中不要呼叫store

的load()

方法載入資料,只需要在生成所有的tabpanel

之後再載入所需要顯示panel

的資料。

當資料量不大時:

if(ext.getcmp(

'workloadlistid'

).width<=0) if

(tabs.width<=0)

當資料量很大時,頁面可能一直載入失敗,這樣會不停的訪問後台,會給伺服器造成很大的壓力,所以建議使用延時重新整理。

//渲染失敗時重新渲染

if(ext.getcmp(

'changelistid'

).width<=0)

注:如果利用panel

的width

屬性無法達到要求,則可以使用height

屬性來判斷是否渲染成功。

ExtJS頁面渲染失敗解決方案(二)

extjs 是一種主要用於建立前端使用者介面,是乙個與後台技術無關的前端 ajax 框架,它功能豐富,介面優美,不過在全面預算管理資訊系統開發的過程中,發現 extjs 框架經常出現頁面渲染失敗的現象,主要表現在資料的列表頁面。經分析,頁面渲染失敗主要集中在列表頁面,除錯後發現主要是資料載入緩慢導致...

ExtJS頁面渲染失敗解決方案(二)

extjs 是一種主要用於建立前端使用者介面,是乙個與後台技術無關的前端 ajax 框架,它功能豐富,介面優美,不過在全面預算管理資訊系統開發的過程中,發現 extjs 框架經常出現頁面渲染失敗的現象,主要表現在資料的列表頁面。經分析,頁面渲染失敗主要集中在列表頁面,除錯後發現主要是資料載入緩慢導致...

nfs mount失敗解決方案

首先檢查 核心是否支援nfs檔案系統格式,方法如下 cat proc filesystems 如果能夠看到 nfs 或者nfs4字樣就說明核心支援nfs格式的檔案系統,否則需要重新編譯新的支援nfs檔案系統的核心。如果檢查核心支援nfs格式的檔案系統後,檢查mount.nfs是否安裝 ls sbin...