在网格上呈现表单

时间:2011-04-06 17:11:30

标签: javascript extjs

我已经在Extjs中创建了表单和网格面板,现在我想在点击"添加记录"时在网格上显示表单。按钮

示例

enter image description here

1 个答案:

答案 0 :(得分:2)

您正在寻找的是模态Window。一个... ..

var window = new Ext.Window({
  modal: true,
  items: [ yourFormPanel ]
)};

您可以将标准表单面板放在Window本身的项目内(因此是'yourFormPanel'变量),以及任何其他配置选项。在窗口中显示所有内容后,只需使用show()方法将Window放在屏幕上即可。在这种情况下,可能会从button处理程序完成。应该看起来像这样。

var button = new Ext.Button({
  text: 'Add Record',
  handler: function() { window.show(); }
});

就是这样!