CODEWITHSUNDEEP
sencha-touch-2
parjun
parjun

Reputation: 130

how to append html to the bottom of a list in Sencha Touch 2?

I want to append a loading div below the list, like how the listpaging does it. (I am not using listpaging for other reasons). How do I go about doing this?

Upvotes: 0

Views: 381

Answers (1)

Lukas K.
Lukas K.

Reputation: 861

Set your Layout of the Container to 'vbox' and add a container below your list with your html.

Example:

Ext.define("MyApp.view.MyView", {
    extend : "Ext.Container",
    config : {
        layout : 'vbox',
        fullscreen : true,
        items : [{
            xtype : 'list',
            itemTpl : '{name}',
            store : 'MyStore',
            layout : 'fit',
            flex : 1                    
        }, {
            height : 50,
            xtype : 'container',
            html : "HELLO WORLD"
        }]        
    }
});

Sencha Fiddle Example: http://www.senchafiddle.com/#GJqsv

Upvotes: 1

Related Questions