ExtJS插件FileUpload的大問題

我有以下問題。我有一個表單有'fileuploadfield'，但是通過「默認」它出現在擰緊的形式！它似乎有兩個按鈕和兩個輸入字段，但他們的工作之一，而另一個不工作：ExtJS插件FileUpload的大問題

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。

來源

2011-12-19 daniel

看起來像一個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並查看元素周圍的樣式，然後嘗試關閉可能意外擁有的任何自定義樣式，這些自定義樣式會覆蓋應該出現的位置。

來源

2011-12-20 01:00:21

這絕對是一個CSS問題，它現在已經修復。非常感謝。我沒有包含css文件（我不知道它存在。） – daniel

@daniel同樣在這裏.. –

同樣在這裏.. ...... –

ExtJS插件FileUpload的大問題

回答

相關問題