2010-07-29 2 views
2

Привет У меня есть Ext.Toolbar с элементами формы в нем, включая FileUploadField. Я хотел бы иметь возможность отправить эту «форму» с помощью Ext.form.BasicForm. Как мне это сделать? В идеале он должен вести себя как FormPanel с помощью ToolbarLayout (хотя это не отображается правильно).Bind BasicForm to Ext.Toolbar

ответ

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

Если вы хотите, вы можете создать ярлык с меткойStyle в каждом поле. Если вы хотите добавить больше полей, вы можете использовать макет столбца и макет формы для каждого из полей.

Чтобы отправить форму, вы могли бы использовать Ext.getCmp('toolbarForm').getForm().submit();

Я надеюсь, что это то, что вы ищете ...

+0

Привет, спасибо за ответ. В итоге я понял, как это сделать с помощью нескольких пользовательских правил CSS, если вы поместите панель инструментов внутри панели формы, чтобы она была более или менее. – 2010-08-11 18:02:10