Extjs的FileUploadField文件上傳出現(xiàn)了兩個上傳按鈕

更新時間：2014年04月29日 15:46:12 作者：

Extjs的FileUploadField文件上傳在頁面中出現(xiàn)了兩個上傳按鈕，這個是和ext的本身css的樣式有關(guān)系，所以要將樣式修改下

使用Extjs的FileUploadField插件上傳文件，因為FileUploadField是ext的拓展插件所以在其api中是找不到其方法的，這個文件在extjs的examples文件夾下的ux中，所以在使用FileUploadField的時候必須將其引入過來才可以使用，在使用的過程中會出現(xiàn)一個問題就是，在頁面中出現(xiàn)了兩個上傳按鈕，這個是和ext的本身css的樣式有關(guān)系，所以要將樣式修改下：

復制代碼代碼如下:

 
<style type=text/css> .upload-icon { 
background: url('images/image_add.png') no-repeat 0 0 !important; 
} 
.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; 
} 
</style> 

這個時候插件的使用才會正常。

您可能感興趣的文章:

相關(guān)文章

extjs中g(shù)rid中嵌入動態(tài)combobox的應用
今天需要在grid中嵌入combobox，在網(wǎng)上找了好久也沒有找到一個正確可行的方法，可能是版本問題（我版本是extjs 3.0），沒有繼續(xù)研究其原因，自己查找資料，終于實現(xiàn)功能?，F(xiàn)在分享一下代碼。
2011-01-01
EXT中xtype的含義分析
根據(jù)我在論壇上的觀察，xtype用起來的時候疑惑會比較多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我決定闡述一下這個xtype的概念。
2010-01-01
ExtJS4中的requires使用方法示例介紹
ExtJS4的requires是新增的機制，主要是實現(xiàn)異步加載機制，在下面的文章總將為大家介紹下ExtJS4中的requires使用方法，需要的朋友不要錯過
2013-12-12
extjs 學習筆記（一）一些基礎(chǔ)知識
相信很多人對使用js進行客戶端的編程比較頭大，其實現(xiàn)在已經(jīng)有了很多優(yōu)秀的js庫，可以大大簡化js編程的工作量，其中，jquery和extjs就是兩款非常優(yōu)秀的js庫。
2009-10-10
學習ExtJS Column布局
ExtJS Column布局使用說明，需要的朋友可以參考下。
2009-10-10
ExtJS中設(shè)置下拉列表框不可編輯的方法
這篇文章主要介紹了ExtJS中設(shè)置下拉列表框不可編輯的方法,需要的朋友可以參考下
2014-05-05
Extjs 4.x 得到form CheckBox 復選框的值
CheckBox（復選框）主要用來接收用戶選擇的選項，那么如何通過Extjs 4.x 得到form CheckBox的值呢？下面有個不錯的方法，大家值得一看
2014-05-05
導入extjs、jquery 文件時$使用沖突問題解決方法
在html頁面中，沒有導入jquery文件時，可以正常保存，而導入jquery文件后，則不能不存了，發(fā)現(xiàn)導入的jquery文件和現(xiàn)有的extjs文件沖突了
2014-01-01
JavaScript的ExtJS框架中表格的編寫教程
ExtJS是一個MVVM結(jié)構(gòu)的JavaScript框架,在處理表格表單方面則是它的拿手好戲,這里整理了基本的JavaScript的ExtJS框架中表格的編寫教程
2016-05-05
Extjs學習筆記之四工具欄和菜單
本文介紹在桌面程序開發(fā)中很常用也很簡單的工具欄和菜單，但是在通常的web開發(fā)中，要實現(xiàn)好工具欄和菜單并非易事，然而extjs使我們能夠用類似桌面程序開發(fā)的方法來開發(fā)web的工具欄和菜單。
2010-01-01