SenchaTouch2.0-组件的停靠

组件的停靠

 var panel = Ext.create('Ext.Panel', {
            layout: 'hbox',
            items: [
                {
                    docked: 'bottom',
                    height: 20,
                    style: 'background-color: lightgreen',
                    html: '顶部容器'
                },
                {
                    id: 'item1',
                    flex: 1,
                    style: 'background-color: lightblue',
                    html: '左容器'
                },
                {
                    id: 'item2',
                    flex: 1,
                    style: 'background-color: pink',
                    html: '右容器'
                }
            ]
        });

使用容器组件的 docked 配置选项将文字为“顶部容器”的容器组件停靠在面板的顶部，该配置选项的可指定值为 left、top、right 或者 bottom，分别代表停靠在外部容器组件的左边、顶部、右边或底部。
Default布局是一切布局的基础，其他所有布局都直接或间接继承该布局，Default布局的一个重要特性是支持组件的停靠，这意味着所有其他布局都支持内部组件的停靠