ExtJS ग्रिड त्रुटि, JSON डेटा प्रदर्शित किया जा रहा नहीं है

Question

मैं के रूप में मेरी दुकान कॉन्फ़िगर कर दिया है:

var store = new Ext.data.JsonStore({ 
url: 'gridData.php', 
root: 'movies', 
fields: ['film_id', 'title', 'release_year', 'rating'] 
}); 

और फिर मेरी ग्रिड के रूप में परिभाषित:

var grid = new Ext.grid.GridPanel({ 
    title:'Movies', 
    store: store, 
    columns: [ 
       { header: "ID", width: 30, dataIndex: 'film_id',sortable: true, hidden:true }, 
       { id: 'title-col', header: "Title", width: 180,dataIndex: 'title', sortable: true }, 
       { header: "Rating", width: 75, dataIndex: 'rating',sortable: true }, 
       { header: "Year", width: 75, dataIndex: 'release_year',sortable: true, align: 'center' } 
     ], 
    autoExpandColumn: 'title-col', 
    renderTo: Ext.getBody(), 
    width: 600, 
    height: 300, 
    loadMask: true 
}); 

तो मैं दुकान लोड:

store.load(); 

मैं यह सब Ext.onReady विधि में कर रहा हूं।

{ "count":2, "movies":[{ "film_id":"1", "title":"ACADEMY DINOSAUR", "description":"An Epic Drama of a Feminist And a Mad Scientist who must Battle a Teacher in The Canadian Rockies", "release_year":"2006", "rating":"PG", "special_features":"Deleted Scenes,Behind the Scenes" }, { "film_id":"2", "title":"ACE GOLDFINGER", "description":"An Astounding Epistle of a Database Administrator And an Explorer who must Find a Car in Ancient China", "release_year":"2006", "rating":"G", "special_features":"Trailers,Deleted Scenes" } ] } 

जब पृष्ठ लोड होने पर ग्रिड लोड हो रहा है मुखौटा दिखा रहता है और डेटा कभी नहीं दिखाया जाता है: डेटा है कि मैं प्रदर्शित करना चाहते हैं एक php फ़ाइल निम्न रूप में है जहाँ से प्राप्त किए गए है। इसके अलावा, मुझे त्रुटि मिलती है a is undefined. मुझे क्या याद आ रही है?

संपादित

मैंने पाया कुछ पथ मुद्दा जब स्टोर करने के लिए यूआरएल बताए वहाँ लेकिन अभी भी हल नहीं किया जा सकता है। मेरी "gridData.php" फ़ाइल, जेएस फ़ाइल और HTML फ़ाइल जहां ग्रिड प्रदर्शित किया जा रहा है, वही फ़ोल्डर में हैं और मैं "localhost/myapp" पर हूं। कृपया सहायता कीजिए!

Answer 1

मान लिया जाये कि आप चला रहे हैं ExtJS 4 इस तरह अपनी दुकान को परिभाषित:

var store = new Ext.data.JsonStore({ 
    proxy: { 
     url: 'gridData.php', 
     type: 'ajax', 
     reader: { 
      type: 'json', 
      root: 'movies' 
     } 
    }, 
    fields: ['film_id', 'title', 'release_year', 'rating'] 
}); 

Answer 2

इस स्टोर के साथ प्रयास करें:

var store = new Ext.data.JsonStore({ 
    url: 'gridData.php', 
    root: 'movies', 
    fields: [ 
       { 
        name: 'id' 
       }, 
       { 
        name: 'title' 
       }, 
       { 
        name: 'release_year' 
       }, 
       { 
        name: 'rating' 
       }      
    ] 
}); 

Answer 3

आपकी दुकान में ही वाणी इन क्षेत्रों के लिए:

• आईडी
• शीर्षक
• RELEASE_YEAR
• रेटिंग

हालांकि, अपने JSON डेटा का पंक्तियों इन क्षेत्रों में शामिल हैं:

• film_id
• शीर्षक
• वर्णन
• RELEASE_YEAR
• रेटिंग
• special_features

आपका त्रुटि होने की संभावना के कारण होता है ग्रिड द्वारा एक की तलाश में एन 'आईडी' फ़ील्ड जो डेटा में मौजूद नहीं है।

एक विकल्प के लिए अपने स्टोर के क्षेत्र परिभाषा बदलने के लिए है:

['film_id', 'title', 'release_year', 'rating'] 

तुम भी स्तंभ परिभाषा करने के लिए एक इसी परिवर्तन बनाने के लिए की आवश्यकता होगी:

{header: "ID", width: 30, dataIndex: 'film_id', sortable: true, hidden: true} 

एक अन्य विकल्प एक मानचित्रण जोड़ने के लिए है स्टोर में क्षेत्र की परिभाषा के लिए:

[{name: 'id', mapping: 'film_id'}, 'title', 'release_year', 'rating'] 

---

इसके अलावा, मेरा सुझाव है कि आपके विकास के दौरान 'ext-all.js' के बजाय 'ext-all-debug.js' का उपयोग करके अपने पृष्ठ में ExtJS शामिल करें। डीबग बिल्ड के खिलाफ चलते समय कंसोल में त्रुटि संदेश और बैकट्रैक आमतौर पर अधिक वर्णनात्मक होंगे।

Answer 4

यह सरल होना चाहिए। idProperty का डिफ़ॉल्ट मान id है और आपने कोई दूसरा सेट नहीं किया है। तो स्टोर id फ़ील्ड की तलाश में है जो मौजूद नहीं है।

कि

var store = new Ext.data.JsonStore({ 
url: 'gridData.php', 
root: 'movies', 
idProperty: 'film_id', 
fields: ['film_id', 'title', 'release_year', 'rating'] 
});