使用GeoExt 2的Sencha / Extjs 4 - 如何使用

时间:2012-07-19 17:48:03

标签: extjs4 extjs

我正在研究Sencha Architect 2 - extjs 4 我发现GeoExt不适用于extjs 4.但我真的需要使用它,所以我搜索并最终在这里https://github.com/geoext/geoext2

我正在尝试类似示例,所以我只想添加:

Ext.Loader.setConfig({
    enabled: true,
    disableCaching: false,
    paths: {
        GeoExt: "../geoext-2/src/GeoExt",
        // for dev use
        Ext: "http://cdn.sencha.io/ext-4.1.0-gpl/src"
        // for build purpose
        //Ext: "extjs-4.1.0/src"
    }
});

到我的app.js文件。但我一直收到“未定义GeoExt”错误消息。

任何人都可以帮助我吗?

修改

我找不到使用GeoExt-2在我的面板中插入地图的方法,我的文件:

app.html:

<!DOCTYPE html>

<!-- Auto Generated with Sencha Architect -->
<!-- Modifications to this file will be overwritten. -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-4.0.7-commercial/resources/css/ext-all.css"/>
    <script type="text/javascript" src="http://extjs.cachefly.net/ext-4.0.7-commercial/ext-all-debug.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>

app.js:

Ext.Loader.setConfig({
    enabled: true
});

Ext.application({
    autoCreateViewport: true,
    name: 'MyApp',
    controllers: [
        'MyController'
    ]
});

1 个答案:

答案 0 :(得分:2)

以下是一些主要来自github示例

的不同方法

1)您只需在应用程序启动时添加地图即可 - jsfiddle example

2)您可以创建地图视图并将其添加到视口中的面板 - js fiddle example 2