ExtJS除錯 顯示問題除錯

2021-09-01 19:04:07 字數 1007 閱讀 3574

當在頁面中發現定義的

extjs

物件沒有顯示時,可以按一下步驟除錯:

1.檢查**是否正確執行了。

2. 3.

檢查資料是否正確。

4.如果只是在

ie9之前的瀏覽器有問題,檢查逗號問題。

5.使用元素選擇功能檢查元素是否生成。如果已經生成,則檢查元素的高度和寬度,以及位置是否正確。如果沒有生成,一般是因為**沒有正確執行。

顯示問題最典型的情況就是

grid

沒有顯示資料,具體檢查步驟如下:1.在

firebug

面板中,檢查伺服器是否正確的返回了資料,很多時候都是伺服器端**出了問題。

2.確認伺服器**能夠正確返回資料後,檢查

store

的render

是否已正確的將原始資料轉換為以資料模型為基準的資料。如果沒有正確轉換,說明資料模型定義錯誤,可能是字段對映出了問題,也可能是返回的資料格式不正確,

render

不能正確的從返回的文字中提取資料。

3.如果以上都沒有問題,那麼就是

grid

的列定義和資料模型之間的對映存在問題,可以通過減少列定義的方法逐個排查。

還有乙個典型的例子是元件不顯示或顯示不正確,例如不應該換行的換行了,則檢查步驟如下:

1.如果是動態載入的元件,在網路面板中檢查伺服器是否已正確的返回了資料,檢查返回的資料是否正確。

2.在html

面板中檢查元件的

html

**是否已正確生成,如果沒有,說明元件沒有正確載入,可能因為**沒有被正確執行或**存在錯誤。

3.如果

html

**存在,那麼請檢查

html

**的樣式,看是否是寬度不夠或被隱藏了。如果寬度不夠,調整寬度;如果是被隱藏了,檢查元件的配置物件。

4.如果還是存在問題,請減少元件的配置項,從盡可能小的配置開始,逐個新增配置項,就可以找出是哪個配置項導致了錯誤。

ExtJS新手除錯過程

本文是個人學習extjs除錯程式心得,有錯請指正,謝謝指教!寫這篇文章的初衷是因為學習extjs有了大半年的時間,從問問題到可以解答一些常識性問題過程中意識到,很多新手在問問題的時候都只是問結果為什麼不是想的那樣,包括我自己剛開始。其實問問題是一門又學問的事,知道問題點在那裡在去問 這樣可以事半功倍...

OSG中除錯資訊顯示

osg 可以將各式各樣的除錯資訊輸出到std cout。這在開發osg 程式時十分有用,你可以藉此觀察osg 的執行的各種操作。鍵盤的 s 鍵對於效能測試十分有用,它將適用osgutil 庫的statistics 類來收集和顯示渲染效能的資訊。迴圈按下 s 鍵 小寫s 可以切換四種不同的顯示方式 1...

YII顯示sql進行除錯

進行插入測試 乙個簡單控制器 function actionjia else 將日誌資訊顯示在頁面底部 設定主配置檔案關於db選項 如 db array connectionstring mysql host localhost dbname php0507 emulateprepare true,...