2

私はこれを持っています：

my.Settings = {
    id: 'settings',
    xtype: 'panel',
    title: 'Settings',
    iconCls: 'settings',
    layout: 'card',
    items:[
        my.form1,
        my.form2
    ]
};

が構成オブジェクトの場合my.form1、フォームが表示され、クリック可能になります (入力により入力が可能になり、選択によりドロップダウン オプションが表示されます)。

しかし、 と を使用しようとするExt.defineとExt.create、フォームは視覚的に表示されますが、何も選択できません。タブパネルを使用すると、タブをクリックできなくなり、フォーム入力ではフォーカスが合わず、キーボードが表示されず、入力にまったく反応しないようです。

これが私が試した方法です：

Ext.define('my.form1', {
extend: 'Ext.form.Panel'
config:{...}
}

...

items: [
   Ext.create('my.form1',{id: 'myForm1'})
]

フォームが壊れる 2 番目の方法についてはどうでしょうか。requireおよび を使用して動的読み込みに移行しようとしてExt.createいますが、最も単純なケースを機能させることができない場合、これを行うことはできません。

4

1 に答える 1

1

現在のアクティブなアイテムを設定しましたか? カード レイアウトを使用するため:

var panel = Ext.create('Ext.Panel', {
layout: 'card',
items: [
    {
        html: "First Item"
    },
    {
        html: "Second Item"
    },
    {
        html: "Third Item"
    },
    {
        html: "Fourth Item"
    }
]
});
// here we set the active item to show on the screen
panel.getLayout().setActiveItem(1);

詳細については、 http://docs.sencha.com/touch/2-0/#!/api/Ext.layout.Cardを参照してください。

于 2011-12-12T11:31:43.307 に答える