首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

ExtJS Grid 無數據顯示:Store 與 Column 的 dataIndex 不匹配

     編輯:程式設計疑難解答

排查步驟

  1. 打開瀏覽器開發者工具 Network 面板,查看返回的 JSON 數據結構
  2. 對比 store 的 fields 與 columns 的 dataIndex
  3. 確保 dataIndex 值與 JSON 鍵名大小寫完全一致

常見錯誤示例

// JSON 返回
{ "data": [{ "userName": "Tom", "age": 20 }] }

// Column 定義錯誤
{ text: '姓名', dataIndex: 'username' } // 小寫 s 導致匹配失敗

// 正確
{ text: '姓名', dataIndex: 'userName' }

調試技巧

在 Console 執行 grid.getStore().getAt(0).data 查看實際載入的記錄字段。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved