Javascript 在容器的项目列表中调用变量。Viewport/ExtJS和Geoext
我是JavaScript框架的新手。 最近,我一直在使用Geoext、extJS和OpenLayers开发人机界面。 目前,我有一个简单的面板,我想让它显示一张地图Javascript 在容器的项目列表中调用变量。Viewport/ExtJS和Geoext,javascript,extjs,extjs4,openlayers,Javascript,Extjs,Extjs4,Openlayers,我是JavaScript框架的新手。 最近,我一直在使用Geoext、extJS和OpenLayers开发人机界面。 目前,我有一个简单的面板,我想让它显示一张地图 我的代码如下: (注意,我没有在那里显示制作地图的OpenLayers代码,但这样做没有意义) 然后,我有了我的视口: Ext.create('Ext.container.Viewport', { layout:'border', id: 'BorderLayout', default
我的代码如下:
(注意,我没有在那里显示制作地图的OpenLayers代码,但这样做没有意义) 然后,我有了我的视口:
Ext.create('Ext.container.Viewport', {
layout:'border',
id: 'BorderLayout',
defaults: {
collapsible: true,
split: true,
},
items: [
[...]
{
region:'center',
title:'Représentation',
xtype: 'tabpanel',
activeTab: 0,
split: false,
collapsible: false,
animCollapse: false,
margins: '5 0 5 0',
items: [
{
title: 'Tableau',
},
{
title: 'Carte', <- WHERE I WANT TO DISPLAY THE MAP CONTAINED IN THE PREVIOUS VARIABLE mappanel
},
{
title: 'Graphiques',
},
]
}
]
});
这是工作,但然后,我不能添加一些更多的选项到项目(如标题)。
我想这是一个简单的工作,但我不明白,请原谅我的新手:-) 我对GeoExt面板了解不多,没什么大不了的。 您可以尝试将地图面板放入另一个容器中:
items:[{
title: "AZE TILE - AZE",
items:[{
xtype: 'container',
items: [mappanel]
}]
}]
顺便说一下,您的代码:
items: [
{
mappanel
},
如果mappanel已经是一个对象,你不必使用花括号。简单的回答,我自己找到的
items: [
{
title: 'Tableau',
},
mappanel,
{
title: 'Graphiques',
},
]
嘿,谢谢你的快速回答。你的第二个答案是对的,我不需要{}。我已经尝试将一个items放入一个items中,但似乎这是不允许的:(。顺便说一句,如果我将{}放入mappanel声明中,我会遇到语法错误,所以我编辑了我的帖子!
items: [
{
mappanel
},
items: [
{
title: 'Tableau',
},
mappanel,
{
title: 'Graphiques',
},
]