javascript - 第一个 extjs 示例不起作用-6ren

javascript - 第一个 extjs 示例不起作用

转载作者：行者123 更新时间：2023-11-30 05:40:15

25

4

我想学习 extjs，所以我是新手，很抱歉这里有任何愚蠢的问题..

这是我的 index.html 页面:

<html>
<head>
<meta charset="UTF-8">
<title>Test Hello</title>
<script type="text/javascript" src="extjs-4.2.1-gpl/ext-all.js"></script>
<script type="text/javascript" src="extjs-4.2.1-gpl/ux/form/LoginForm.js"></script>
<!-- <link href="extjs-4.1.1a/KitchenSink-all.css" rel="stylesheet" type="text/css" /> -->
<link href="extjs-4.2.1-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center" id= "content"  >
    <script type="text/javascript">
        var loginForm = Ext.create("test.view.form.LoginForm", {
                id : "panellogin", 
                renderTo : 'content'
        });
    </script>
</div>
</body>
</html>

和登录表单:

Ext.define('test.view.form.LoginForm', {
    extend: 'Ext.form.Panel',
    xtype : "test.view.form.LoginForm",
    title: 'Login',
    frame:true,
    width: 320,
    bodyPadding: 20,
    defaultType: 'textfield',
    defaults: {
        anchor: '100%'
    },
    initComponent: function() {
        var me = this;
        me.items = [me.contentPanel];
        me.contentPanel = Ext.create("Ext.grid.Panel", {
            border: true,
            align :"center",
            layout: {
                type: "hbox",
                align: "center"
            },
            items: [
                    {
                        allowBlank: false,
                        fieldLabel: 'User ID',
                        name: 'user',
                        emptyText: 'user id'
                    },
                    {
                        allowBlank: false,
                        fieldLabel: 'Password',
                        name: 'pass',
                        emptyText: 'password',
                        inputType: 'password'
                    },
                    {
                        xtype:'checkbox',
                        fieldLabel: 'Remember me',
                        name: 'remember'
                    }
                    ]
        });
    }
});

我到底做了什么:

从sencha网站下载了extjs 4.2.1-gpl(压缩后约65Mo)
当我发现文件太大时，我会删除示例、文档等内容
将 src 移动到 4.2.1-gpl 目录中名为 ux 的目录中
保留资源、图像和区域设置文件夹。

我需要建议，这是一个好方法吗？ 300多米我放不下全部内容!请问要保留什么？

Firebug 向我显示此错误:TypeError: c is undefined (in ext-all.js line 21)谷歌浏览器显示这个:Uncaught TypeError: Cannot read property 'length' of undefined

亲切的问候，

你能告诉我发生了什么吗

最佳答案

在加载 extjs 源代码后执行您的代码(Ext.onReady ...):

Ext.onReady(function () {
    var loginForm = Ext.create("test.view.form.LoginForm", {
        id : "panellogin", 
        renderTo : 'content'
    });
});

关于javascript - 第一个 extjs 示例不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21192995/

25

4

0

文章推荐： javascript - 为什么立即触发 angular 1.2.9 DOM 回调？

文章推荐： c++ - 从旧的 DirectX 7 C++ 代码更新... [dx7vb.dll]

文章推荐： c++ - 将可变字符串转换为char数组c++

文章推荐： javascript - undefined variable 行 91 打开购物车

实例分析Try {} Catch{} 作用
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？简单的说他们是用来捕获异常的下面我们通过一个例子来详细讲解下
html - 列表社交媒体链接的 ARIA 作用
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
java.util.Timer SystemTime 作用？
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
php - 什么是 Doctrine hydration 作用？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
python入门:argparse浅析 nargs='+'作用
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven是什么?Maven的概念+作用+仓库的介绍+常用命令的详解
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。核心功能 Mav

首页

博学

6Ren·AI

商城

javascript - 第一个 extjs 示例不起作用