extjs - why my data coming from json is not being shown in the grid -

यहां मेरी जेएस फ़ाइल डैशबोर्ड है। Js

  Ext.onReady (function () { Ext.QuickTips.init (); // ** यह जानना चाहता है कि यह क्यों प्रयोग किया जाता है ** // नोट: यह एक सरल राज्य प्रबंधन दिखा रहा है। विकास के दौरान, // सामान्य रूप से राज्य प्रबंधन को गतिशील रूप से अक्षम करना सबसे अच्छा है- उत्पन्न आईआईडी / पेज लोड्स में बदल सकती है जिससे अप्रत्याशित परिणाम हो सकते हैं। डेवलपर // को यह सुनिश्चित करना चाहिए कि स्थिर एपीआई वास्तविक एप्स में स्टेटफुल घटकों के लिए सेट की गई हैं। एक्सटेंशन। ); ** यह जानना चाहता है कि इसका उपयोग क्यों किया जाता है / / // डेटा स्टोर करें var store = new Ext.data.JsonStore ({// store कॉन्फ़िग्स ऑटोडिस्टोरॉय: सच, ऑटोलोड: सच, url: 'api / index.php 'शहर के नाम', 'कुलनाम', 'कुलकॉलबैक', 'टोटनोटिंस्टेड', 'टुडेएल्सक्लोटेड', 'कमांड लाइन', ' , 'थेटकॉल्स रिसेव्ड', 'कुलकॉलसेंटेड', 'टेटेस्सेलर्रॉरिस्टर्ड ',' काउंटीरो ',' इरोस्ट्रान्सफर्ड ',' इरोडेफ़र्ड ']}); // ग्रिड var ग्रिड = नया Ext.grid.GridPanel ({store: store, columns: [{id: 'cityname', हैडर: 'शहर का नाम', चौड़ाई: 160, क्रमबद्ध: सच, डेटाइंडएक्स: 'शहर का नाम'} बनाएं ], स्ट्रीपरोस: सच, ऑटोएक्सपैंड कॉलम: 'शहर का नाम', ऊंचाई: 350, चौड़ाई: 600, शीर्षक: 'पुनर्विक्रेता डैशबोर्ड', // कॉन्फ़िगर विकल्प के लिए राज्यपूर्ण व्यवहार का विवरण: सत्य, राज्य आईडी: 'ग्रिड'}); // पृष्ठ ग्रिड में निर्दिष्ट div को ग्रिड रेंडर करें। रेंडर ('डैशबोर्ड'); });   
 मैंने कुछ टिप्पणियां डाल दीं, जहां मुझे यह जानना है कि इसका उपयोग क्यों किया जाता है ..  यह जानना चाहता है कि इसका उपयोग क्यों किया जाता है  यह मेरी html फ़ाइल है  < html & gt;> <कोड> & lt पूर्व; & Lt; शीर्ष & gt; & Lt; मेटा http-equiv = "सामग्री-प्रकार" सामग्री = "पाठ / html; वर्णसेट = यूटीएफ -8" / & gt; & Lt; शीर्षक & gt; पुनर्विक्रेता डैशबोर्ड & lt; / title & gt; & Lt;! - ** सीएसएस ** - & gt; & Lt;! - बेस लाइब्रेरी - & gt; & Lt; link rel = "stylesheet" प्रकार = "text / css" href = "css / ext-all.css" / & gt; & Lt;! - आधार पुस्तकालय के लिए ओवरराइड - & gt; & Lt;! - ** जावास्क्रिप्ट ** - & gt; & Lt;! - ExtJS लाइब्रेरी: बेस / एडेप्टर - & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" src = "lib / ext-base-debug.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt;! - ExtJS लाइब्रेरी: सभी विजेट - & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" src = "lib / ext-all-debug.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt;! - आधार पुस्तकालय के लिए ओवरराइड - & gt; & Lt;! - पृष्ठ विशिष्ट - & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" src = "lib / dashboard.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div id = "डैशबोर्ड" & gt; & Lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt;   
 यह मेरा जेसन है जो मैं भी फायरबॉग्ग में रेंडर कर रहा हूं ..  
  {"कंटियोथरेसिटीज": "0", "डायरेक्टरेलेटर": "14" "2", "टूडेईल्सक्लोटेड": "[2]", "टूटेकॉलबैक": "3" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "", "कुलकोल्स्केटेड": "68", "कुलप्रेरेलर्रिस्टर्ड": "6", "काउंटीरो": "109", "अनियंत्रित": "83", "irodeferred": "26" },   
 कृपया जांच करें।   
 
 
  Ext.QuickTips  कार्यक्षमता किसी भी तत्व के लिए आकर्षक और अनुकूलन योग्य टूलटिप्स प्रदान करता है। विवरण के लिए इस पर एक नज़र डालें Init विधि को Ext.QuickTip के सिंगलटन क्लास को प्रारंभ करने के लिए कहा जाता है।  
  Ext.state.Manager  ग्लोबल स्टेट मैनेजर है। राज्य प्रबंधक का उपयोग करने के लिए, आपको इसे प्रदाता के साथ प्रारंभ करना चाहिए यह वही है जो आप कथन के साथ कर रहे हैं:  
  Ext.state.Manager.setProvider (नया Ext.state.CookieProvider ());   
 यहां आप कुकीप्रदाता को उपयोग कर रहे हैं। इस का उपयोग करके, आप कुकीज़ में घटकों की राज्य की जानकारी को स्टोर करने के लिए ExtJS लाइब्रेरी से पूछ रहे हैं।  
  अपडेट : त्रुटि getColumnWidth () विधि में होती है। जांचें कि आपके पास अपने कॉलम मॉडल में चौड़ाई विशेषता के लिए उचित मूल्य हैं या नहीं डीबगिंग के लिए, सभी कॉलम के लिए चौड़ाई विवरण निकालने का प्रयास करें मुझे लगता है कि आपके पास अधिक कोड है जिसे आपने सरल बनाने के लिए यहां नहीं रखा है। कुछ टाइपो हो सकता है।