将BasicForm绑定到Ext.Toolbar

Question

嗨，我有一个Ext.Toolbar，其中包含一个包含FileUploadField的表单元素。 我希望能够使用Ext.form.BasicForm提交此“表单”。 我应该怎么做？ 理想情况下，它应该表现为带有ToolbarLayout的FormPanel（尽管这无法正确呈现）。

Answer 1

我只是尝试了另一种方法，它似乎可以正常工作（使用工具栏内的表单），至少对于渲染部分来说...

您可以使用此工具栏代码进行尝试...

var toolBarConversationList = new Ext.Toolbar({
  items:[
    {
      xtype: 'button',
      text: 'Some Button'
    },
    {xtype: 'tbfill'},
    {
      xtype: 'form',
      id: 'toolbarForm',
      border: false,
      bodyStyle: {
        background: 'transparent',
        marginTop: 3
      },
      items: [
        {
          xtype: 'textfield',
          name: 'form.text',
          fieldLabel: 'Some Text'
        }
      ]
    }
});

如果需要，可以在每个字段上使用labelStyle设置标签样式。 如果要包括更多字段，可以对每个字段使用列布局和表单布局。

要提交表单，您可以使用Ext.getCmp('toolbarForm').getForm().submit();

我希望这是您要寻找的...