Use Record after onItemDisclosure

[ozkmat]

how do I do that without this?:

this.fireEvent

I tried some ways, but Google doesnt help much. I found something with this code in the Controller:

this.getApplication().on({
            'disclosetest' : function(list, record, target, index, evt, options) {
                ...
            },
            scope : this
});

but it all fails or I get Errors..

[ozkmat]

Okay, after a lot of searching I found this link:
http://www.sencha.com/forum/showthre...ItemDisclosure

This is what I changed in the Controller:

control : {
                 "#myList" : {
                     disclose : "onDetailCommand"
                 }
 },

and later:

onDetailCommand : function(list, record, target, index, evt, options) {
        console.log("onDetailCommand");
       //..
},

In my listContainerList-File

var allList = {
             xtype : 'mylist',
             itemId : 'myList',
             id : 'myList',
             store : store
 };

But I still see no Data in the following View! So Problem is still there..

In the View I want to show the Data as follows:

var content = {
            xtype : 'platedetail',
};

and the xtype platedetail looks as follows:

Ext.define("Autokennzeichen.view.PlateDetail", {
    extend : "Ext.Component",
    alias : "widget.platedetail",
    config : {
        data : {},
        tpl : Ext.create('Ext.XTemplate', '<div><b>City</b> {City}</div>')
    }
});

How do I set the Data with the record? I set the Record like before:

        var detail = this.getPlateDetail();
        detail.setRecord(record);
        list.select(index, true, false);
        Ext.Viewport.animateActiveItem(detail, {
        type : 'slide',
        direction : 'left'});

[Luc]

Try something like this:

var record = Ext.create(Myapp.model.MyModel, {
   City: 'Hamburg',
   ....
})

Ext.widget({
   xtype : 'component',
   fullscreen: true,
   record : record,
   tpl : Ext.create('Ext.XTemplate', '<div><b>City</b> {City}</div>')
});

or

Ext.widget({
   xtype : 'component',
   fullscreen: true,
   data : record.getData(),
   tpl : Ext.create('Ext.XTemplate', '<div><b>City</b> {City}</div>')
});

[ozkmat]

I think I finally understood my Problem. I already tried a lot, working with record and this.record BUT the Problem (I think) is, that my whole Views render while starting my App. And at this Moment the record is still empty.

The workaround I did now, pretty dirty - but I didnt knew how to reload a page or Element. So I set the record values of my Field in the Controller.

var detail = this.getPlateDetail();
        detail.setRecord(record);
        var discloseWorkaround = detail.down('#contentPanel');
        discloseWorkaround.setData({
            data1 : record.get('City')
        });
        list.select(index, true, false);

And my 'contentPanel' looks like this

var content = {
            xtype : 'panel',
            itemId : 'contentPanel',
            id : 'contentPanel',
            cls : 'detailContainerContainer',
            data : {
                data1 : ''
},
            tpl : Ext.create('Ext.XTemplate', '<div class="detailContainer">City <b> {data1}</b></div>')
        };

Is there a better way, to refresh a View? Or maybe just one Element. That I can set in the 'content' Element at data:

data : {
data1 :  record.get('City')
}

Or something equal?