Большая проблема с плагином ExtJS FileUpload - PullRequest
Новая
       37

Большая проблема с плагином ExtJS FileUpload

1 голос
/ 20 декабря 2011

У меня есть следующая проблема. У меня есть форма, у которой есть 'fileuploadfield', но по умолчанию она появляется в форме "ввернут!" Появляется с двумя кнопками и двумя полями ввода, но одно из них работает, а другое не работает:

FileUpload Issue

Как видно на рисунке, работает только "серый".

Это функция, которая создает этот элемент: 

buildBrowseFoto : function() {
    return {
        xtype          : 'container',
        layout         : 'column',
        anchor         : '-10',
        defaultType    : 'container',
        defaults       : {
            width      : 300,
            labelWidth : 80,
            layout     : 'form'
        },
        items          : [  
        {
            items      :  {
                xtype: 'fileuploadfield',
                emptyText: '',
                fieldLabel: 'Foto',
                buttonText: 'Selecciona una foto...',
                name: 'foto'
            }
        }
        ]
    };
}

Это функция внутри класса, которая расширяет FormPanel. Может быть, это кажется вам странным, но именно так Джей Гарсия строит формы, и я тоже: P.

1 Ответ

4 голосов
/ 20 декабря 2011

Похоже на проблему с CSS. Первое, что вы должны сделать, это убедиться, что вы включили fileUploadField.css, который идет с полем. Я вставлю содержимое здесь: 

.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
    position: absolute;
    right: 0;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
    position: absolute;
    right: 0;
    z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

Если это не решит проблему, у вас должен быть какой-то пользовательский CSS или что-то, что портит форму. Попробуйте использовать FireBug и посмотреть на стили вокруг элемента, и попробуйте отключить любые пользовательские стили, которые могут случайно оказаться, которые переопределяют то, что должно быть там.

...