Great Great explanations in this tutorial which is guiding a lot the beginner i’m right now! I also bought your ebook and will follow it again as i’m reviewing the current tutorials.
I’m running into few issues like my list is not showing up, even if i create a new note and save it;also typos in the view notesList with \&quot syntax

I am using proxy ajax and data is saved in somefile.json.

I have server side script ready to return json. But dont know how to update the data in somfile.json when device is conneted to internet.

Please provide example. It would be really helpful.

initialize: function () {

this.callParent(arguments);

var newButton = {
xtype: “button”,
text: ‘New’,
ui: ‘action’,
handler: this.onNewButtonTap,
scope: this
};

var topToolbar = {
xtype: “toolbar”,
title: ‘My Notes’,
docked: “top”,
items: [
{ xtype: 'spacer' },
newButton
]
};

var notesList = {
xtype: “noteslist”,
store: Ext.getStore(“Notes”),
listeners: {
disclose: { fn: this.onNotesListDisclose, scope: this }
}
};

this.add([topToolbar, notesList]);
},
onNewButtonTap: function () {
console.log(“newNoteCommand”);
this.fireEvent(“newNoteCommand”, this);
},
onNotesListDisclose: function (list, record, target, index, evt, options) {
console.log(“editNoteCommand”);
this.fireEvent(‘editNoteCommand’, this, record);
},

config: {
layout: {
type: ‘fit’
}
}
});

here is the NotesListContainer am i missing something on click of list view the disclose is not calling the function onNotesListDisclose

1) Add a Delegate Event Binding to the component (a button in my case)
2) targetType = Button, name = tap
3) Inside the Delegate Event Binding, fire the event
this.fireEvent(“myCustomEvent”, this);

4) Create a controller ref to the Component containing the button (Panel)
5) Create a Controller Action
controlQuery = myPanel (xType of the container)
targetType = MyPanel (UserClassName)
name = myCustomEvent (Same name as what was fired from the Button)

Seems to work

The final code looks something like this:

View

Ext.define(‘MyApp.view.MyPanel’, {
extend: ‘Ext.Panel’,
alias: ‘widget.myPanel’,

config: {
html: ‘This demonstrates Custom Events. Press the button to send the event.’,
layout: {
type: ‘vbox’
},
items: [
{
xtype: 'button',
itemId: 'mybutton',
text: 'Press to Send Business Event'
}
],
listeners: [
{
fn: 'onButtonTap',
event: 'tap',
delegate: '#mybutton'
}
]
},

onButtonTap: function(button, e, options) {
console.log(“Firing event 2″);

this.fireEvent(“myCustomEvent”, this);

}

});


Controller


Ext.define(‘MyApp.controller.MyController’, {
extend: ‘Ext.app.Controller’,
config: {
refs: {
myPanel: {
selector: ‘myPanel’,
xtype: ‘myPanel’,
autoCreate: true
}
},

control: {
“myPanel”: {
myCustomEvent: ‘onPanelMyCustomEvent’
}
}
},

onPanelMyCustomEvent: function(panel) {
console.log(“Event received 2″);

alert(“Business Event received”);
}

});


HTH
Des

What’s going on?

Thanks