如何将html追加到Sencha Touch 2列表的底部？

Question

我想在列表下面附加一个加载div，就像listpaging一样。 （我没有因其他原因使用listpaging）。我该怎么做呢？

Answer 1

将容器的布局设置为“vbox”，并使用html在列表下方添加容器。

示例：

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小提琴示例：http://www.senchafiddle.com/#GJqsv