第一個extjs示例不起作用

Question

我想學習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'
                    }
                    ]
        });
    }
});

我到底是什么：

從sencha網站下載extjs 4.2.1-gpl（壓縮后約為65 Mo）
當發現巨大尺寸時，我將刪除示例，文檔
將src移動到4.2.1-gpl目錄中名為ux的目錄中
保留資源，圖像和語言環境文件夾。

我需要建議，這是個好方法嗎？ 我不能放全部內容，因為它超過了300 Mio！ 請保留什么？

Firebug向我顯示此錯誤： TypeError: c is undefined (in ext-all.js line 21) Google chrome顯示此錯誤： Uncaught TypeError: Cannot read property 'length' of undefined

親切的問候，

你能告訴發生什么事嗎

Answer 1

加載extjs源代碼后執行代碼（ Ext.onReady ...）：

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

Answer 2

這不像您應該做的。 特別是刪除內容並將src重命名為ux。 test.view.form.LoginForm的類定義test.view.form.LoginForm應該在文件app/view/form/LoginForm.js ，而不是ux/form 。

閱讀文檔，了解入門方法，尤其是MVC應用程序體系結構和應用程序體系結構系列。

第一個extjs示例不起作用

問題描述

2 個解決方案

解決方案1
1 已采納 2014-01-17 19:41:23

解決方案2
0 2014-01-17 19:39:32

第一個extjs示例不起作用

問題描述

2 個解決方案

解決方案1 1 已采納 2014-01-17 19:41:23

解決方案2 0 2014-01-17 19:39:32

解決方案1
1 已采納 2014-01-17 19:41:23

解決方案2
0 2014-01-17 19:39:32