Extjs4加上controller后页面无法显示解决思路
日期：2014-05-16 浏览次数：20389 次
Extjs4加上controller后页面无法显示
最近在学习extjs，正好学到MVC构架的例子。
app.js代码如下：
User.js代码如下：
index.html代码：
发现文件结构没有错，不知道为什么一在app.js加上controllers，页面就无法正常显示，一片空白。如果去掉controller，panel就能显示出来。那位能帮忙看一下什么问题这是？
------解决方案--------------------
说明一下解决办法吧！
最近在学习extjs，正好学到MVC构架的例子。
app.js代码如下：
- JScript code
Ext.application({
requires: 'Ext.container.Viewport',
name: 'AM',
appFolder: 'app',
controllers: [
'Users'
],
launch: function() {
Ext.create('Ext.container.Viewport', {
layout: 'fit',
items: [
{
xtype: 'panel',
title: 'Users',
html : 'List of users will go here'
}
]
});
}
});
User.js代码如下：
- JScript code
Ext.define('AM.controller.Users', {
extend: 'Ext.app.Controller',
init: function() {
this.control({
'viewport > panel': {
render: this.onPanelRendered
}
});
},
onPanelRendered: function() {
console.log('The panel was rendered');
}
});
index.html代码：
- HTML code
<html>
<head>
<title>Hello Ext</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src="extjs/ext-debug.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>
发现文件结构没有错，不知道为什么一在app.js加上controllers，页面就无法正常显示，一片空白。如果去掉controller，panel就能显示出来。那位能帮忙看一下什么问题这是？
------解决方案--------------------
说明一下解决办法吧！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
