Using Sencha Touch charts within an MVC application

Question

I'm new to Ext.JS and sencha touch and am having a little trouble adding charts to one of my applications. I've followed the MVC tutorial from the website and for each of my views I've ended up with something like this:

app.views.ViewName = Ext.extend(Ext.Panel, {

    dockedItems: [...],

    initComponent: function() {
        ...
        app.views.ViewName.superclass.initComponent.apply(this, arguments);
    }

});

What I want to do is custom drawing within the panel using Ext.draw but can't seem to get it to work. Where should I call the renderFrame() method to perform drawing and where should the code to define what is to be drawn go? If anyone could provide a small example that would be incredibly helpful.

Thanks in advance.

score 1 · Answer 1 · answered Dec 14 '11 at 16:11

The Sencha's MVC with PhoneGap example is quite advanced for a first strike at sencha. you might want to have a look at these [part 1] [part 2] [part 3] [part 4]

If you have a site working but your charts are not rendering, make sure that the chart's container as layout (layout: 'fit' or any other layout)

Using Sencha Touch charts within an MVC application

1 Answers1