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...