ExtJS 3.4 Ext.ux.form.fileuploadfield按鈕僅無法正常工作

Question

我正在努力使Ext.ux.form.fileupoadfield擴展在ExtJS 3.4中正常工作。 從功能上講，一切都按應有的方式工作。

我希望輸入字段是一個沒有任何文本的按鈕，只是一個圖標。 我已經將帶有圖標類的iconCfg添加到了組件中，該組件添加了圖標，但沒有添加到瀏覽按鈕。 而是在瀏覽按鈕旁邊添加另一個帶有圖標的按鈕。 當您將鼠標懸停在瀏覽按鈕上時，圖標按鈕和瀏覽按鈕都將突出顯示。 當您將鼠標懸停在圖標按鈕上時，瀏覽按鈕不會突出顯示。

當您單擊圖標按鈕時，文件窗口不會出現，只有實際的瀏覽按鈕起作用。 我將組件的“ buttonOnly”屬性設置為true，這僅隱藏了只讀文本字段（同時仍在占用空間，弄亂了布局）。 默認瀏覽按鈕仍與我的圖標按鈕一起顯示，“未選擇文件”對話框仍然可見。

順便說一下，不會引發任何警告或錯誤。

該示例以及源文件： http : //cpansearch.perl.org/src/VANSTYN/JavaScript-ExtJS-V3-3.4.1/share/ext-3.4.1/examples/form/file-upload.html

我基本上想在第二個示例中完成布局，但是要用一個圖標代替文本按鈕。

我的代碼：

{
            xtype: 'fileuploadfield',
            id: 'filedata',
            buttonOnly: true,
            hideLabel: true,
            buttonCfg: {
                iconCls: 'icon-excel-import'
            }

}

實際上是什么樣的：

相同，但buttonOnly設置為false：

組件的整個布局看起來一團糟。 我只是使用了本示例中的源腳本，因此我為該組件使用的代碼對我來說似乎是正確的。 為什么在Sencha的示例中，此組件對我來說是個難題？

Answer 1

原來我缺少css文件...我已經很懷疑了。

對於那些感興趣的人，這里是js和css文件的完整源代碼： http : //trac.geoext.org/browser/ext/3.4.0/examples/ux/fileuploadfield?rev=2740