Javascript 在Ext.form.Panel中显示组件
我有一个自定义组件(网格),我想将其添加到面板中,然后在顶部有一条组件 互联网上的所有示例如下所示:Javascript 在Ext.form.Panel中显示组件,javascript,extjs,Javascript,Extjs,我有一个自定义组件(网格),我想将其添加到面板中,然后在顶部有一条组件 互联网上的所有示例如下所示: var extPanel = Ext.create('Ext.form.Panel', { items: [{ fieldLabel: 'Send To', name: 'to', anchor:'100%' },{ fieldLabel: 'Subject', name: 'subject',
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显式创建已定义的组件。您可以引用此fiddle:我通过在项中嵌套项解决了问题,如下所示:
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'
});
您可以使用
xtype
显式创建已定义的组件。items:[{xtype:'packageGrid',anchor:'100%}],我尝试了该代码,但无效…感谢您的帮助。我决定使用嵌套在项中的项来解决这个问题