ExtJS为什么Button在使用MVC模式时无法重新调整大小？

Question

我尝试使用ExtJS按钮，并将其设置为resizable = true， 可行如果我只使用正常方式，我会在app.js上编写这样的代码：

Ext.onReady(function () {
    Ext.create('Ext.Container', {
        renderTo: Ext.getBody(),
        items: [{
            xtype: 'button',
            text: 'My Button',
              resizable:true,
          margin:'100 5 3 10',
          draggable :true,
        }]
    });
});

如果我在MVC模式下使用它不起作用，我在app / View / Main.js上编写这样的代码

Ext.define('MyApp.view.Main', {
    extend: 'Ext.container.Container',
    requires:[
        'Ext.tab.Panel',
        'Ext.layout.container.Border'
    ],

    xtype: 'app-main',

    items: [{
        xtype: 'button',
        text: 'My Button',
        resizable: true,
        margin: '100 5 3 10',
        draggable :true,
    }]
});

任何人都可以帮助我吗？非常感谢！