javascript - Sencha Touch 表单在使用 Ext.create 创建时不可用

Question

我有这个:

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'})
]

第二种方法会导致表单中断怎么办？我正在尝试使用 require 和 Ext.create 进行动态加载，但如果我不能让最简单的案例工作，我就不能这样做。

Answer 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获取更多信息。