javascript - EXTjs:未捕获的类型错误:controller.setView 不是函数

Question

我正试图让它在 sencha fiddle 中工作.如果我运行它，我会在控制台日志中看到这个错误“Uncaught TypeError: controller.setView is not a function”。仅当我从 View 中删除 Controller 声明时它才有效。我做错了什么？

Ext.define('MyApp.controller.Whatever', {
    extend: 'Ext.app.Controller',
    alias: 'controller.Whatever',
    init: function() {
        alert("Yes!");
    }
});

Ext.define('MyApp.view.Whatever', {
    extend: 'Ext.form.Panel',
    controller: 'Whatever',
    title: 'Hello',
    width: 200,
    html: '<p>World!</p>',
    renderTo: Ext.getBody()
});

Ext.application({
    name: 'MyApp',
    launch: function() {
        Ext.create('MyApp.view.Whatever');
    }
});

基于下面这个有效的答案

Ext.define('MyApp.controller.Whatever', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.Whatever',
    init: function() {
        alert("Yes!");
    }
});

Ext.define('MyApp.view.Whatever', {
    extend: 'Ext.form.Panel',
    alias:'widget.Whatever',
    controller: 'Whatever',
    title: 'Hello',
    width: 200,
    html: '<p>World!</p>',
    renderTo: Ext.getBody()
});

Ext.application({
    name: 'MyApp',
    launch: function() {
        Ext.create('MyApp.view.Whatever');
    }
});

Answer 1

我认为您使用的是 Ext JS 5 或更高版本，所以请使用它。

Ext.app.ViewController 而不是 Ext.app.Controller。