写一个extjs6表格上下布局的例子
时间: 2024-06-10 15:09:29 浏览: 103
Extjs布局实例
4星 · 用户满意度95%
可以的,以下是一个extjs6表格上下布局的例子:
```
Ext.create('Ext.container.Container', {
renderTo: Ext.getBody(),
layout: {
type: 'vbox',
align: 'stretch'
},
items: [{
xtype: 'grid',
title: 'Grid',
flex: 1,
columns: [{
text: 'Name',
dataIndex: 'name',
flex: 1
}, {
text: 'Email',
dataIndex: 'email',
flex: 1
}]
}, {
xtype: 'panel',
title: 'Details',
height: 100,
html: 'Details'
}]
});
```
这个例子使用了vbox布局,将一个grid和一个panel放在一个容器中,grid占据了容器的所有剩余空间,panel的高度为100。这样就实现了一个表格上下布局。
阅读全文