Use Record after onItemDisclosure

[ozkmat]

Hello again,
I have an issue to use the Record after the listener event: onItemDisclosure
I do as follows, where I call the onItemDisclosure:

this.fireEvent('detailCommand', list, record, index);

In the Controller-File I commit the record for the new View (DetailView) like this:

var xdetail = this.getDetail();
xdetail.setRecord(record);

After that, I can use the RecordData in the DetailView like this:

var city = {
            xtype : 'textfield',
            name : 'City',
            label : 'City',
            labelWidth : '',
            readOnly : true
};

But when I want to use the RecordData in another way that with 'textfield' and name: 'NameOfData' I wont get anything.
I tried it many ways but I just wont get the Data. Right now I'm trying like this:

var content = {
            xtype : 'container',
            data : {},
            tpl : Ext.create('Ext.XTemplate', '<div><b>City</b> {City}</div>')
};

When I put the value "City: 'bla'" into the data field, I get the field, but else I only see 'City' in the View. I Tried without the data-block but then I have a blank Page.

I bet its real beginner stuff, but I dont find anything useful in this Forum or on Google..

Shouldnt I be able to get the Record Data like this or equal to it:

this.getRecord().get('City')

[mitchellsimoens]

Is all you are doing is firing an event in the onItemDisclosure function?

[ozkmat]

Well.. I'm not sure what u mean bei 'all I do' so I show u the complete lines that get run through when the Event ist fired:

In the List-Object the Listener ist defined as following:

listeners : {
                disclose : {
                    fn : this.onListDisclose,
                    scope : this
                }
 }

Where later in the same File its fired like this:

onListDisclose : function(list, record, target, index, evt, options) {
        this.fireEvent('detailCommand', list, record, index);
 },

and all that happens in the Controller-File is this:

detailCommand : "onDetailCommand",

aaaaand this:

onDetailCommand : function(list, record, index) {
       var xdetail = this.getDetail();
        xdetail.setRecord(record);
        list.select(index, true, false); //In the same Step I select the Item on which the Even fired
        Ext.Viewport.animateActiveItem(xdetail, { type : 'slide', direction : 'left' },);
},

This is all what happends after the Disclosure-Event.

[mitchellsimoens]

Why not do everything in the disclose event listener onListDisclose? Why have one event listener fire another event?

[ozkmat]

I had the condition to implement it in MVC-Pattern so everything goes through controller. But shouldnt it work like that too?
The Data is not lost, when I make a TextField with the name: 'DataName' it contains the right information.
And wouldnt it be the same Problem when I make everything in the Event?

It's my first Sencha Touch App so, should I do it without the Controller-File? Or at least the Disclosure-Event without?

[mitchellsimoens]

It should but the disclose event is listenable from the controller.

[ozkmat]

So.. what should I do? Build it, that everything happens in the Disclose-Event?! Should it work like that? Or is there another way?

[mitchellsimoens]

Just use the disclose event in the controller, you don't need to fire a custom event, it's wasteful.

[ozkmat]

You mean, this one is too much:

this.fireEvent('detailCommand', list, record, index);

?
But how do I send the Event to the Controller without it?
Do i 'grab' the Disclose-Event with "disclose" in the controller? And do I remove the 'fn' and 'scope' part then? Or do I have to give this Event some kind of ID?

listeners : {
                disclose : {
                    fn : this.onPlatesListDisclose,
                    scope : this
                }
            }

Sorry :/ It feels like this all should be obvisous :/

[mitchellsimoens]

Listen to the disclose event from the controller