首先ExtJS的例子不工作

我想学习ExtJS的，所以我是个新手，在这里任何愚蠢的问题，很抱歉..首先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>

而且LoginForm的：

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' 
        } 
        ] 
     }); 
    } 
});

我是怎么恰恰是：

下载ExtJS的从煎茶网站4.2.1-GPL（约65莫压缩）
当我发现了规模庞大我删除类似的例子事情，文档
感动SRC
保留资源，图像和区域设置文件夹。

我需要咨询，请问这是一个好方法吗？我不能把整个内容，因为它超过300亿欧！请保留什么？

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

亲切的问候，

你能告诉什么的发生

来源

2014-01-17 Sofiane

执行代码的ExtJS的来源被加载后（Ext.onReady ...）：

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

来源

2014-01-17 19:41:23

救了我。谢谢！！ – Sofiane

这并不像你应该做的事。特别是删除的东西，并重新命名src为ux。另外test.view.form.LoginForm的类定义应该在文件app/view/form/LoginForm.js中，而不是ux/form。

阅读文档如何开始，特别是MVC Application Architecture和App Architecture Series。

来源

2014-01-17 19:39:32

谢谢大家的言论。我已经注意到了:) – Sofiane

首先ExtJS的例子不工作

回答

相关问题