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();

我希望这就是你要找的......

将BasicForm绑定到Ext.Toolbar

1 个答案: