sencha-touch-2 - 如何在 Sencha Touch 2 中将 html 附加到列表的底部？

Question

我想在列表下方附加一个加载 div，就像列表分页是如何做到的。（出于其他原因，我没有使用列表分页）。我该怎么做呢？

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