当前位置: 代码迷 >> Java Web开发 >> Extjs的有关问题,求指点
  详细解决方案

Extjs的有关问题,求指点

热度:5804   发布时间:2016-04-10 22:49:19.0
Extjs的问题,求指点
写了一个简单的例子,结果报
ReferenceError: Ext is not defined

我的引入顺序是
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css"/>

    <script type="text/javascript" src="../extjs/bootstrap.js"></script>

     <script type="text/javascript" src="../extjs/ext-dev.js"></script>

<script type="text/javascript" src="../extjs/ext-all.js"></script>
    
------解决方案--------------------
正确的引入顺序是:
<link rel="stylesheet" type="text/css" href="ext-3.2.1/resources/css/ext-all.css"/>
<script type="text/javascript" src="ext-3.2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.2.1/ext-all.js"></script>
<script type="text/javascript" src="ext-3.2.1/src/locale/ext-lang-zh_CN.js">

------解决方案--------------------
bootstrap.js中会引入ext-all.js或ext-all-dev.js

bootstrap.js源码:

(function() {
    var scripts = document.getElementsByTagName('script'),
        localhostTests = [
            /^localhost$/,
            /\b(25[0-5]
------解决方案--------------------
2[0-4][0-9]
------解决方案--------------------
[01]?[0-9][0-9]?)\.(25[0-5]
------解决方案--------------------
2[0-4][0-9]
------解决方案--------------------
[01]?[0-9][0-9]?)\.(25[0-5]
------解决方案--------------------
2[0-4][0-9]
------解决方案--------------------
[01]?[0-9][0-9]?)\.(25[0-5]
------解决方案--------------------
2[0-4][0-9]
------解决方案--------------------
[01]?[0-9][0-9]?)(:\d{1,5})?\b/ // IP v4
        ],
        host = window.location.hostname,
        isDevelopment = null,
        queryString = window.location.search,
        test, path, i, ln, scriptSrc, match;

    for (i = 0, ln = scripts.length; i < ln; i++) {
        scriptSrc = scripts[i].src;

        match = scriptSrc.match(/bootstrap\.js$/);

        if (match) {
            path = scriptSrc.substring(0, scriptSrc.length - match[0].length);
            break;
        }
    }

    if (queryString.match('(\\?
------解决方案--------------------
&)debug') !== null) {
        isDevelopment = true;
    }
    else if (queryString.match('(\\?
------解决方案--------------------
&)nodebug') !== null) {
        isDevelopment = false;
    }

    if (isDevelopment === null) {
        for (i = 0, ln = localhostTests.length; i < ln; i++) {
            test = localhostTests[i];

            if (host.search(test) !== -1) {
                isDevelopment = true;
                break;
            }
        }
    }

    if (isDevelopment === null && window.location.protocol === 'file:') {
        isDevelopment = true;
    }

    document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-all' + (isDevelopment ? '-dev' : '') + '.js"></script>');
document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-deppon' + (isDevelopment ? '-dev' : '') + '.js"></script>');
document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-lang-zh_CN-min.js"></script>');
  相关解决方案