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>
這個時候插件的使用才會正常。
復(fù)制代碼 代碼如下:
<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>
這個時候插件的使用才會正常。
您可能感興趣的文章:
- jQuery插件AjaxFileUpload實現(xiàn)ajax文件上傳
- JQuery fileupload插件實現(xiàn)文件上傳功能
- 利用ajaxfileupload插件實現(xiàn)文件上傳無刷新的具體方法
- ajaxFileUpload.js插件支持多文件上傳的方法
- ThinkPHP結(jié)合AjaxFileUploader實現(xiàn)無刷新文件上傳的方法
- asp.net fileupload控件上傳文件與多文件上傳
- 使用AjaxFileUpload.js實現(xiàn)異步文件上傳示例
- ASP.NET中FileUpload文件上傳控件應(yīng)用實例
- java組件fileupload文件上傳demo
- java組件commons-fileupload文件上傳示例
相關(guān)文章
JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實例解析
TreePanel為ExtJS提供了一個方便的樹結(jié)構(gòu)數(shù)據(jù)展示,尤其是在處理JSON格式數(shù)據(jù)時十分常用,接下來我們就來看兩則JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實例解析2016-05-05ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單
這篇文章主要介紹了ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下2014-05-05Extjs3.0 checkboxGroup 動態(tài)添加item實現(xiàn)思路
Extjs3.0中的CheckboxGroup默認(rèn)不能動態(tài)添加item,如需要數(shù)據(jù)動態(tài)創(chuàng)建,試著創(chuàng)建整個CheckboxGroup,而不是動態(tài)添加item,具體實現(xiàn)如下,感興趣的朋友可以了解下2013-08-08extjs實現(xiàn)選擇多表自定義查詢功能 前臺部分(ext源碼)
extjs實現(xiàn)選擇多表自定義查詢功能 前臺部分(ext源碼) ,需要的朋友可以參考下。2011-12-12Extjs grid添加一個圖片狀態(tài)或者按鈕的方法
extjs的grid中我們經(jīng)常需要添加一個圖片狀態(tài)或者按鈕,下面將自己用過的一些方法與大家分享下2014-04-04