ExtJS Pluginの大きな問題FileUpload

Question

私は以下の問題があります。私は 'fileuploadfield'を持っているフォームを持っていますが、フォームに表示されている "デフォルト"ではねじれています！これは、2つのボタン2つの入力フィールドが表示されますが、そのうちの一つは、作業、他方は動作していない：

あなたがイメージ、「グレー1」で働くだけで見ることができるように。

これは、この項目を構築する機能である：これはFormPanelを拡張するクラス内の関数である

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

。たぶんそれはあなたにとって奇妙に思えるかもしれませんが、これはジェイ・ガルシアが形を作り、I：Pを行う方法です。

Answer 1

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を使って要素の周りのスタイルを調べて、間違っている可能性のあるカスタムスタイルを無効にしてみてください。