PDA

View Full Version : 4.2.0: paging toolbar and file upload field



h.koch
21 Apr 2013, 3:43 AM
REQUIRED INFORMATION Ext version tested:

Ext 4.2.0

Browser versions tested against:

FF20
Chrome 26.0

Description:

In a paging toolbar or a gridpanel, adding a Ext.form.field.File button lets the whole toolbar react as a file upload selection button.

Steps to reproduce the problem:

add a Ext.form.field.File button to a paging toolbar
click on "reload" or any other element in the paging toolbar

The result that was expected:

every button should react as a single button

The result that occurs instead:

the whole toolbar reacts as a file upload button

Test Case: Define the toolbar as follows:

dockedItems: [
{
xtype: 'pagingtoolbar',
dock: 'top',
displayInfo: true,
store: 'csrStore',
items: [
{
xtype: 'tbseparator'
},
{
xtype: 'button',
id: 'csrButtonNewCsr',
iconCls: 'add-icon',
text: 'New CSR'
},
{
xtype: 'tbseparator'
},
{
xtype: 'button',
id: 'csrButtonDownload',
iconCls: 'page_world-icon',
text: 'Download from Internet'
},
{
xtype: 'tbseparator'
},
{
xtype: 'button',
id: 'csrButtonPaste',
iconCls: 'text_signature-icon',
text: 'Paste textual'
},
{
xtype: 'tbseparator'
},
{
xtype: 'form',
baseCls: 'x-component',
id: 'certUploadForm',
items: [
{
xtype: 'filefield',
id: 'certFileUpload',
margin: 1,
fieldLabel: 'Upload certificate',
inputId: 'certFileUploadField',
buttonOnly: true
}
]
}
]
}
] HELPFUL INFORMATION I also tried to put the file upload field into a form, which is then located in a container: no change in behaviour.

only default ext-all.css

Operating System:

Mac OS X

h.koch
21 Apr 2013, 3:50 AM
Interesting information: removing the class "x-component" of the form makes the whole thing work. In ExtJS, the behaviour was OK, in ExtJS4.2.0 it changed.

h.koch
21 Apr 2013, 3:58 AM
Defining the class "baseCls" of the form to "x-panel x-component" makes the thing work. Did the CSS class system change in ExtJS4.2.0?

h.koch
21 Apr 2013, 11:03 AM
Fixed in ext-4.2.1.760.