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