How to search a store in Sencha Touch - extjs

Question

What could I be doing wrong; I only get -1 when I do a search of a store?
My model
Ext.define('app.model.Sections', {
extend: 'Ext.data.Model',
config: {
fields: [{
name: 'id',
type: 'int'
}, {
name: 'title',
type: 'string'
}, {
name: 'content',
type: 'string'
}]
}
});
My Store
Ext.define('app.store.Sections', {
extend: 'Ext.data.TreeStore',
requires: [
'app.model.Sections'
],
config: {
autoLoad: true,
model: 'app.model.Sections',
proxy: {
type: 'ajax',
url: 'resources/data/data.json',
reader: {
type: 'json',
rootProperty: 'items'
}
}
}
});
The json file is like this
{
"items": [{
"id": "27",
"title": "Title 1",
"content": "",
"items": [{
"id": "85",
"title": "Title 2",
"content": "content 2",
"leaf": true
}, {
"id": "78",
"title": "Title 3",
"content": "content 3",
"leaf": true
}]
}, {
"id": "29",
"title": "Title 4",
"content": "",
"items": [{
"id": "97",
"title": "Title 5",
"content": "content 5",
"leaf": true
}, {
"id": "93",
"title": "Title 6",
"content": "content 6",
"leaf": true
}, {
"id": "105",
"title": "Title 7",
"content": "content 7",
"leaf": true
}]
}]
}
I am able to get the store and view the data in the store but the index always comes out -1
var store = Ext.getStore('Sections');
var index = store.findExact('id', 85);
console.log(store);
console.log(index);

Answer 1

I used carcel's suggestion to do the store.on('load', function ());.
I also changed the data type of id to string so there would be no confusion.
initialize: function() {
var sectionID = '85';
var store = Ext.getStore('Sections');
// search once the store is loaded
store.on('load', function() {
// get the node record
var record = store.getNodeById(sectionID);
if (record == null)
console.log('no record found');
else {
var parentPanel = Ext.getCmp('myabouttest');
parentPanel.setHtml(record.data.content);
var titlebar = Ext.getCmp('mytitilebar');
titlebar.setTitle(record.data.title);
}
}
});
}
The initialize function completes before the store can be loaded so to display the data I have to specify IDs for the panel and the title and then get their components to set the items.