0

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

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

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

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

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

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

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

据我所知，标签面板可能不能将窗口作为子组件。

请告诉我这里有什么问题？我是否应该扩展一个“容器”，并且可以在其他地方指定“表单面板”和“窗口”。? 如何达到我的要求？任何参考都会有所帮助..

提前致谢

4

1 回答 1

0

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

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

希望它可以帮助某人:)

于 2014-10-31T08:44:35.430 回答