ExtJS4:使用面板、窗口或容器

Question

我正在开发一个应用程序，我的需求是开发以下屏幕：

1. 添加屏幕以接受用户输入（表单面板）
2. 查看详细信息屏幕以显示用户输入（网格面板）
3. 编辑屏幕以编辑用户输入（不确定是表单还是窗口）

我有一个用于网格面板的"itemdblclick"侦听器。。因此，当用户双击网格行时，编辑屏幕必须打开，并在字段中填充详细信息。

我想为添加和编辑屏幕使用一个公共类，但这里的问题是，如果我扩展一个窗口，编辑屏幕会出现，但不会出现添加屏幕。而如果我扩展面板，添加屏幕会打开，但编辑屏幕不会出现。。

Ext.define('ELM.view.cl.Edit',{                   
extend:'Ext.window.Window',
...
Ext.define('ELM.view.cl.Edit',{
extend : 'Ext.form.Panel',
...

注意：我有一个选项卡面板，在其中我将添加和查看屏幕作为不同的选项卡，而编辑屏幕只是一个窗口。

据我所知，选项卡面板可能不能将窗口作为子组件。

请告诉我这里怎么了？我是否应该扩展一个"容器"，并在其他位置指定"窗体面板"one_answers"窗口"？我如何达到我的要求？任何参考资料都会有所帮助。。

提前感谢

Answer 1

我通过定义扩展表单面板的表单来解决这个问题：

Ext.define('ELM.view.cl.Edit',{
extend : 'Ext.form.Panel',
alias: 'widget.cledit',
...

然后在编辑窗口中显示该表单。我创建了一个新窗口，然后添加刚刚创建的窗体面板作为窗口的子元素。就是这样，

 Ext.define('ELM.view.cl.EditWindow',{                   
    extend:'Ext.window.Window',
   items: [
          {
             xtype: 'cledit'
          }
         ]
});

希望它能帮助到某人：）