Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在容器的项目列表中调用变量。Viewport/ExtJS和Geoext_Javascript_Extjs_Extjs4_Openlayers - Fatal编程技术网

Javascript 在容器的项目列表中调用变量。Viewport/ExtJS和Geoext

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

我是JavaScript框架的新手。 最近,我一直在使用Geoext、extJS和OpenLayers开发人机界面。 目前,我有一个简单的面板,我想让它显示一张地图
我的代码如下:
(注意,我没有在那里显示制作地图的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',
                    },
                ]