retrieve the information from a specific field within the store and store it in an array

Question

retrieve the information from a specific field within the store and store it in an array

Perhaps this is a question that pertains to using pure JavaScript, but for some reason I can't seem to figure it out. I am currently working on extjs4.2 using Sencha Architect and have received a JSON response from the server in the following format:

{
    "data": [{
        "ExamID": 1,
        "ExamName": "Semester-1",
        "MaxMarks": 100
    }, {
        "ExamID": 4,
        "ExamName": "Test-1",
        "MaxMarks": 10
    }, {
        "ExamID": 5,
        "ExamName": "Test-2",
        "MaxMarks": 10
    }]
}

My goal is to reconfigure the grid using only the data from the "ExamName" field. Therefore, "ExamName" should be passed as an array in the reconfigure() function.

Unfortunately, I am struggling to retrieve "ExamName" in array form. Any assistance you can provide would be highly appreciated.

var gridStore = Ext.data.StoreManager.get('ClassSemesterStore');
var g = gridStore.load( {params : {ClassID: ClassData }});
var data = g.data;
var length = data.getCount();
var examName = [];
for(var i = 0; i < length; i++){
  examName.push(data[i]['ExamName']);
}

This is resulting in an error message stating "Uncaught TypeError: Cannot read property 'ExamName' of undefined".

javascript json extjs extjs4

Answer 1

Answer №1

It seems like your goal is to transform examName into an array that contains each ExamName from the response data. To achieve this, you can use the following code snippet:

var info = {"info":[{"ExamID":1,"ExamName":"Semester-1","MaxMarks":100},{"ExamID":4,"ExamName":"Test-1","MaxMarks":10},{"ExamID":5,"ExamName":"Test-2","MaxMarks":10}]}

var examArray = [];
for(var j = 0; j < info.info.length; j++){
  examArray.push(info.info[j]['ExamName']);
}

After running this code, examArray will contain "Semester-1", "Test-1", and "Test-2".

Answer 2

It seems like your goal is to transform examName into an array that contains each ExamName from the response data. To achieve this, you can use the following code snippet:

var info = {"info":[{"ExamID":1,"ExamName":"Semester-1","MaxMarks":100},{"ExamID":4,"ExamName":"Test-1","MaxMarks":10},{"ExamID":5,"ExamName":"Test-2","MaxMarks":10}]}

var examArray = [];
for(var j = 0; j < info.info.length; j++){
  examArray.push(info.info[j]['ExamName']);
}

After running this code, examArray will contain "Semester-1", "Test-1", and "Test-2".

Answer 3

Answer №2

The store does not store data in an array, but rather in a Mixed Collection. You can retrieve the data using the following code:

var examNames = [];
for(var index = 0; index < length; index++){
   examNames.push(data.items[index].data['ExamName']);
}

Alternatively, you can consider obtaining the information directly from the source as suggested by others.

Another option to consider is using Store's collect method. Here's an example:

gridStore.collect('ExamName')

Answer 4

The store does not store data in an array, but rather in a Mixed Collection. You can retrieve the data using the following code:

var examNames = [];
for(var index = 0; index < length; index++){
   examNames.push(data.items[index].data['ExamName']);
}

Alternatively, you can consider obtaining the information directly from the source as suggested by others.

Another option to consider is using Store's collect method. Here's an example:

gridStore.collect('ExamName')

Answer 5

Answer №3

The issue arose from the asynchronous behavior of the store loading process:

var x = Store.load({
                    params : {CategoryID: CategoryData },
                   callback : function(results, operation, success){
                    var Snippet = []; // initialize empty array
                    Ext.each(results, function(entry) {
                        // specify the fields to be included
                        var Object = {
                            fourth_field: entry.get('ItemName')
                        };
                        Snippet.push(Object); // add object to the array
                    }, this);

                    console.log(Snippet);
                   }
});

Answer 6

The issue arose from the asynchronous behavior of the store loading process:

var x = Store.load({
                    params : {CategoryID: CategoryData },
                   callback : function(results, operation, success){
                    var Snippet = []; // initialize empty array
                    Ext.each(results, function(entry) {
                        // specify the fields to be included
                        var Object = {
                            fourth_field: entry.get('ItemName')
                        };
                        Snippet.push(Object); // add object to the array
                    }, this);

                    console.log(Snippet);
                   }
});

retrieve the information from a specific field within the store and store it in an array

Answer №1

Answer №2

Answer №3

Similar questions

Having Trouble Redirecting to Another Page from My Ionic Framework Controller?

Reading JSON files from the www directory of an Android Phonegap application with AngularJS

How can I incorporate fetch into my code using VSCode?

HTML5 input placeholder adapts its size and position dynamically as data is being

Asynchronous waterfall call in Node.js to call the method before

Unable to extract data from JSON using PHP

Experiencing difficulty importing Materialize CSS JS into React

Guide on inserting a JSON object into a structured array or recarray in NumPy

Can the "value" of an HTML form field rendered by Django be altered?

Locate elements within an array where a specific attribute includes the specified search term

"Encountering issue with componentDidMount() not functioning as expected, despite debugger being

Using a `foreach` loop in PHP to organize data into groups

Guide to setting up and launching a JavaScript/Vue GitHub repository on your local machine

The declaration file for module 'react/jsx-runtime' could not be located

Develop an interactive feature using React.js that allows users to manipulate the position of objects within a div

Is there a way to retrieve the id of every post on my page?

Ways to verify if PHP associative arrays are the same, without considering the order of the keys?

When an AJAX call is made during a PHP session that has timed out

Tips for updating iframe source without refreshing the iframe?

When attempting to retrieve data saved to req.session with express-session from a different endpoint, the data appears to be