Question

我正在尝试使用ExtJs实现一个TinyMCE插件，以示例为例，在此处找到：link。

此操作失败，因为我在Firebug中收到“Ext is not defined”错误。我基本上复制了这个例子，我只使用了较新版本的Ext。首先包括css和脚本：

<link href="scripts/extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="scripts/extjs/ext-all.js" type="text/javascript"></script>
<script src="scripts/miframe/miframe-min.js" type="text/javascript"></script>
<script src="scripts/tinymce/jscripts/tiny_mce/tiny_mce_src.js" type="text/javascript"></script>
<script src="scripts/ux/Ext.ux.TinyMCE.js" type="text/javascript"></script>

Firebug没有抱怨，所有脚本都在指定的路径上找到并包含在内。

接下来，我在我的aspx文档的头部调用Ext函数，

<script type="text/javascript">
    console.log("Ready...");
    Ext.onReady(function() {
        console.log("set...");
        Ext.get("cmdOpen").on("click", function() {
            console.log("GO");
            var dlg = new Ext.Window({

//etc
</script>

console.log（“Ready ...”）显示在控制台中，然后代码中断。在ext-all.js（），miframe-min.js（），Ext.ux.TinyMCE.js（）和.aspx文件的代码中有四个引用“Ext is not defined”。（Default.aspx的）

我没有改变所包含文件的任何方面，它们是正式版本我可能在某个地方错过了一个声明吗？或者我还要包括其他东西吗？老实说，我没有任何线索。

Answer 1

即使包含ext-all（-debug）.js，您仍然需要在此之前包含ext-base.js文件，否则您将获得“Ext is not defined error”。如果你已经过了这个与否，那么你最后的评论还不确定，但我想我会指出它。有关如何设置包含的详细信息，请参阅此页面：

http://www.extjs.com/learn/Tutorial:HTML_Page_Setup

Answer 2

有一个名为“jsview”的firefox扩展，它允许您查看页面上包含的脚本和css文件。

导航到the link时，如果您在帖子顶部包含并打开ExtJs文件，您会注意到所提供的示例使用的是代码2.1版。

Ext.ux.TinyMCE v0.6有一个对应的blog post here。您会注意到它特别要求：

Firefox 2 +，Opera 9 +，MSIE 7
ExtJS 2.1
TinyMCE 3.1.0.1
Ext.ux.ManagedIframePanel

请注意，当插入较新版本的TinyMCE或ExtJs库时，可能（读取将）会破坏您必须解决的更改。您可以尝试直接从示例中删除文件，以确保您具有可用的版本。

如果您选择使用ExtJs v3 +，请获取最新组件：
1）ux.ManagedIframe已被维护more recently，甚至已升级为ExtJS 3.x here
2）通读ux.TinyMce thread并下载最新版本。我认为它是0.7b。如果你仍然遇到问题，这可能是找到答案的最佳地点。

Answer 3

复制eclipse工作区的exjts项目文件夹中的lib文件夹，只给出相对路径，应该比工作

Answer 4

转到ExtJs网站并确保下载并包含所有必需的文件和IN ORDER，同时使用较新的版本可能会破坏代码。尝试使用更简单的示例，只引用ext文件并查看是否加载

Ext未定义

4 个答案: