extjs - 将 sencha 1.x 转换为 sencha 2.x

Question

我有以下代码在 sencha touch 2 上不起作用，我需要做些什么才能使其与 sencha touch 2 兼容

Ext.define("fb.view.Main", {
     onReady: function() {
        var topToolbar = new Ext.Toolbar({
            dock : 'top',
            ui: 'dark',
            title: 'Facebook Login'
        });        
        var FacebookPanel = Ext.create('Ext.Panel', {

    items: [
        {
            xtype: 'panel',
            flex: 1,
            html:'<div id="header"><h2>Facebook app for tweet keywords</h2></div><span>Login with facebook</span><fb:login-button autologoutlink="true" perms="email,user_birthday,status_update,publish_stream,user_about_me"></fb:login-button><div id="login" style ="display:none"></div><img id="image"/><div id="name"></div>'    
    }]});
var myPanel = new Ext.Panel({
            dockedItems: [topToolbar],
            items: [FacebookPanel],
            scroll: 'vertical',
            fullscreen : true
        });
    }
});
 window.fbAsyncInit = function() {
        FB.init({
          appId      : '<app id>',//Give your app id,
          status     : true, 
          cookie     : true,
          xfbml      : true,
          oauth      : true,
        });
         FB.Event.subscribe('auth.login', function(response) {        
         login();
             });
        FB.Event.subscribe('auth.logout', function(response){
        logout();
        });
        };

      function login(){
                FB.api('/me', function(response) {
                var image = document.getElementById('image');
              image.src = 'http://graph.facebook.com/' + response.id + '/picture';
                    document.getElementById('login').style.display = "block";
                    document.getElementById('login').innerHTML = response.name + " succsessfully logged in!";

                });
            }
            function logout(){
                document.getElementById('login').style.display = "none";
            }
       (function(d){
         var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         d.getElementsByTagName('head')[0].appendChild(js);
       }(document)); 

我不是要完整的代码，而是要使其与 sencha touch 2 兼容的基本指南。

Answer 1

http://docs.sencha.com/touch/2-0/#!/guide/upgrade_1_to_2

Sencha 做了一个很好的升级指南。

Answer 2

嘿，您正在使用任何服务器，例如 Apache、Xamp Server，因为这是我的代码，我对其进行了测试。它工作正常

Answer 3

sencha 2 提供了 MVC，有助于以一种很好的方式呈现代码......此外，您不能直接通过 sencha 2 文件更改 sencha 1 文件......它们有很大的不同......许多类在 sencha 2 中已被弃用....您必须更改代码...