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',
...

注意：我有一個標簽面板，在其中添加添加和查看屏幕作為不同的標簽，而編輯屏幕只是一個窗口。

據我所知，tabpanel可能無法將窗口作為子組件。

請告訴我這里有什么問題嗎？ 我是否應該擴展一個“容器”，並且可以在其他地方指定“ formpanel”和“ window”。 ？ 如何達到我的要求？ 任何參考資料都會有所幫助。

提前致謝

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

希望它可以幫助某人:)