FileUploadField IE compatability

[vortex-5]

In one of my current projects the GXT widget FileUploadField requires 2 clicks from IE to have the browse button popup.

Has anyone else experienced this issue with this widget?

This only happens in IE all other browsers behave as expected.

[carl.cronje@gmail.com]

Hi

I have the same problem, any idea how to fix it yet..

I see it has been a month since you asked the question...

Thanks
Carl

[sven]

Can you please post a fully working testcase implementing EntryPoint that shows this? This works fine here: http://www.sencha.com/examples/#fileupload

[carl.cronje@gmail.com]

Hi Sven

It seems that when I put the FileUploadField in a Dialog that the problem occurs,
and only on IE.


Here is the code:

package com.IEFileUploadFieldBug.client;

import com.extjs.gxt.ui.client.Style;
import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.widget.Dialog;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.form.FileUploadField;
import com.extjs.gxt.ui.client.widget.form.FormPanel;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;


public class IEFileUploadFieldBug implements EntryPoint {

    private Dialog dialog = new Dialog();

    public void onModuleLoad() {
        createUploadDialog();
        final Button button = new Button("Click me");
        button.addSelectionListener(new SelectionListener<ButtonEvent>() {
            @Override
            public void componentSelected(ButtonEvent buttonEvent) {
                dialog.show();
            }
        });
        RootPanel.get().add(button);
    }

    private void createUploadDialog() {
        dialog.setHeading("Upload a file");
        dialog.setMinWidth(350);
        dialog.setMinHeight(150);
        dialog.setModal(true);
        dialog.setLayout(new FitLayout());
        dialog.setButtons(Dialog.OKCANCEL);

        FormPanel uploadForm = new FormPanel();
        uploadForm.setHeaderVisible(false);
        uploadForm.setAction("/upload");
        uploadForm.setEncoding(FormPanel.Encoding.MULTIPART);
        uploadForm.setMethod(FormPanel.Method.POST);
        uploadForm.setButtonAlign(Style.HorizontalAlignment.CENTER);

        FileUploadField fileUpload = new FileUploadField();
        fileUpload.setEmptyText("No file chosen");
        fileUpload.setName("myFile");
        fileUpload.setFieldLabel("upload");

        uploadForm.add(fileUpload);
        dialog.add(uploadForm);
    }
}

Thanks
Carl

[sven]

I was able to reproduce this and i will look into it

[carl.cronje@gmail.com]

Hi Sven

Can you tell me if I am doing something wrong?

If you need anything else, please let me know.

Thanks
Carl

[vortex-5]

I'm interested in knowing this as well.

[carl.cronje@gmail.com]

Hi vortex-5

Did you also put a FileUploadField in a Dialog?

Carl

[vortex-5]

No actually I think ours in in a normal panel.

[chicagoarchitect]

I am also experiencing the same problem of the 2 clicks requirement in IE. I'm testing in IE 7. Has there been an update on this?