2012-04-04 10 views
1

SO私は私の最初の煎茶タッチアプリケーションの構築と私は私が定義されているパネルのレンダリングに問題が生じています期待通りに動作していません。煎茶タッチ2 XTYPEは

Login.js

Ext.define("Blog.view.Login", { 
    extend:'Ext.form.Panel', 
    requires : ['Ext.form.FieldSet', 'Ext.field.Email', 'Ext.field.Password'], 
    xtype: 'loginpanel', 

    config:{ 
    scrollable:true, 
    title: "Log In", 

    items:[ 
     { 
     html:"<center><h1>OkShit</h1></center>", 
     styleHtmlContent:true 
     }, 
     { 
     xtype:'fieldset', 
     items:[ 
      { 
      xtype:'emailfield', 
      name:'email', 
      placeHolder:'E-Mail' 
      }, 

      { 
      xtype:'passwordfield', 
      name:'password', 
      placeHolder:'Password' 
      } 
     ] 
     }, 
     { 
     xtype:'button', 
     text:'Log In', 
     style:{ 
      marginBottom:'20px' 
     } 
     }, 
     { 
     xtype:'button', 
     text:'Sign Up' 
     } 
    ] 
    } 

}); 

Main.js

Ext.define("Blog.view.Main", { 
    extend:'Ext.Container', 

    config:{ 
    items:[ 
     { 
     xtype :'loginpanel' 
     } 
    ] 
    } 
}); 

app.js

views: ['Main', 'Login'], 

私はすでにいくつかの研究を行なったし、誰かが

alias: 'widget.loginpanel' 
を使用することが提案210

私はそれを試してみましたが、それはまだ動作しませんでした。誰にもこれに対する解決策はありますか?

EDIT すでにそのクラスを定義したので、基本的には、別名を使用することが本当に必要はありません。これは私が今持っているものであり、それはまだ=(

Ext.define("Blog.view.Login", { 
    extend:'Ext.form.Panel', 
    alias: 'widget.loginpanel', 
    requires : ['Ext.form.FieldSet', 'Ext.field.Email', 'Ext.field.Password'], ... 
+0

'別名:「widget.loginpanel''が私のために働き、スペルと大文字小文字のミスをチェックし、IDもそれを置く前にそれが返信用 –

答えて

3

何もしていませんあなたは

2.煎茶タッチでどのブラウザを使用している XTYPEでそれを登録?ブラウザのデバッガに記録されたエラーがあるかどうかを確認し、ここに貼り付けてください。私はHELしようとしますあなたを出す。

+0

おかげで重要ですべきことではないが必要です。エラーはありません。私はこのためにChromeを使用しています – denniss

+0

私はソースコードを少し変更しても問題ありません。 2つの設定を見て、それはトリックでした。 XDの 'Ext.define( "Blog.view.Main"、{ 延びる 'Ext.Container' 設定:{ \tフルスクリーン:真、 \tレイアウト: 'カード'、 アイテム:[ を{ xtype: 'loginpanel' } ] } }); ' –

+0

awesome!私はレイアウトが必要です: 'カード'! – denniss

関連する問題