Question

我想使用extjs5创建一个没有工具senchaCMD的应用程序。但是ext没有像在extjs4.2中那样执行启动功能，并且视口没有渲染，也不太清楚为什么。在Ext.onReady中包装Ext.application也没有用。以下是我的文件：

的index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	    <title>Hello Extjs5</title>
		<link rel="stylesheet" type="text/css" href="resources/ext-theme-neptune/5.0.1/ext-theme-neptune-all.css">
	</head>
	<body>
	</body>
	<script type="text/javascript" src="resources/extjs-gpl/5.0.1/ext-all.js"></script>
	<script type="text/javascript" src="app.js"></script>
</html>

app.js

Ext.application({
    name: 'SimpleApp',
    extend : 'SimpleApp.Application',
    autoCreateViewport : 'SimpleApp.view.main.Main'
});

的application.js

Ext.define('SimpleApp.Application', {
	extend : 'Ext.app.Application',
	name : 'SimpleApp',
	controllers : [ 'Root' ],
	paths : {
		'SimpleApp' : 'app',
		'Ext.ux' : 'resources/extjs-gpl/5.0.1/ux'
	},

	onBeforeLaunch : function() {
		debugger;

		this.callParent();
	},
	launch : function() {
		debugger;
	}
});

Main.js

Ext.define('SimpleApp.view.main.Main', {
	extend : 'Ext.container.Container',
	plugins : 'viewport',
	xtype : 'app-main',

	layout : {
		align : 'stretch',
		type : 'vbox'
	},

	items : [ {
		xtype : 'container',
		layout : {
			align : 'stretch',
			type : 'hbox'
		},
		flex : 1,
		items : [ {
			xclass : 'panel',
			title : 'p1',
			flex : 1,
			margins : 5
		}, {
			xclass : 'panel',
			title : 'p2',
			flex : 1,
			margins : 5
		} ]
	}, {
		xtype : 'container',
		layout : {
			align : 'stretch',
			type : 'hbox'
		},
		flex : 1,
		items : [ {
			xclass : 'panel',
			title : 'p1',
			flex : 1,
			margins : 5
		}, {
			xclass : 'panel',
			title : 'p2',
			flex : 1,
			margins : 5
		} ]
	} ]
});

非常感谢！

Answer 1

尝试将调用包装在Ext.onReady函数内的Ext.application中。

Answer 2

控制台是否显示任何错误或警告？

＆＃39; SimpleApp.view的眠。主要＆＃39; ＆LT; - ？

ExtJs5 - 启动函数未在Ext.application中执行

2 个答案: