[英]Displaying components in Ext.form.Panel
我有一个要添加到面板的自定义组件(网格),然后在顶部有一个组件条。
互联网上的所有示例如下所示:
var extPanel = Ext.create('Ext.form.Panel', {
items: [{
fieldLabel: 'Send To',
name: 'to',
anchor:'100%'
},{
fieldLabel: 'Subject',
name: 'subject',
anchor: '100%'
},
我想添加自己的自定义组件,称为myGrid。 我希望有一种称为组件的属性可以传入项目中,但是我不知道,因为没有关于“项目”数组可以是什么的文档。
var extPanel = Ext.create('Ext.form.Panel', {
items: [{
component : myGrid
anchor:'100%' // anchor width by percentage
}
您可以使用的xtype明确创建已定义components.You可以参考这个小提琴: 演示
我通过在项目中嵌套项目解决了我的问题,如下所示:
this.packageGrid = Ext.create('js.grid.PackageGrid', {
xtype: 'packageGrid',
// title: 'Packages',
width: '100%'
});
var extPanel = Ext.create('Ext.Panel', {
layout:'border',
bodyPadding: 5,
items:[{
region:'center'
,layout:'fit'
,border:false,
items:[
this.packageGrid
]
},{
region:'north'
,layout:'fit'
,border:false
,height:50
,collapsible:false,
items:[
button
]
}],
width: '979px',
height: '400px'
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.