1

SO 私は最初の Sencha Touch アプリを構築していますが、定義した Panel のレンダリングに問題があります。

ログイン.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'

試してみましたが、それでもうまくいきませんでした。誰にもこれに対する解決策はありますか？

編集 これは私が今持っているもので、まだ何もしていません=(

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

1 に答える 1

3

基本的に、エイリアスを使用する必要はありません。これは、そのクラスをすでに定義し、 SenchaTouch2でxtypeに登録しているためです。

どのブラウザを使用していますか？ブラウザデバッガに記録されたエラーがあるかどうかを確認し、ここに貼り付けてください。私はあなたを助けようとします。

于 2012-04-04T06:14:24.593 に答える