Extjs的FileUploadField文件上传出现了两个上传按钮


Posted in Javascript onApril 29, 2014

使用Extjs的FileUploadField插件上传文件,因为FileUploadField是ext的拓展插件所以在其api中是找不到其方法的,这个文件在extjs的examples文件夹下的ux中,所以在使用FileUploadField的时候必须将其引入过来才可以使用,在使用的过程中会出现一个问题就是,在页面中出现了两个上传按钮,这个是和ext的本身css的样式有关系,所以要将样式修改下:

<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>

这个时候插件的使用才会正常。
Javascript 相关文章推荐
javascript 去字符串空格终极版(支持utf8)
Nov 14 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
node.js中的fs.unlinkSync方法使用说明
Dec 15 Javascript
js实现的倒计时按钮实例
Jun 24 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
May 31 Javascript
ajax图片上传,图片异步上传,更新实例
Dec 30 Javascript
JS鼠标3次点击事件实现代码及扩展思路
Sep 12 Javascript
JS实现的简单标签点击切换功能示例
Sep 21 Javascript
pm2 部署 node的三种方法示例
Oct 20 Javascript
vue 组件内获取actions的response方式
Nov 08 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
Jul 20 Javascript
jquery xMarquee实现文字水平无缝滚动效果
Apr 29 #Javascript
jquery form 隐藏的input 选择
Apr 29 #Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
Apr 29 #Javascript
window resize和scroll事件的基本优化思路
Apr 29 #Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 #Javascript
JS截取url中问号后面参数的值信息
Apr 29 #Javascript
javascript类型转换示例
Apr 29 #Javascript
You might like
PHP模拟QQ登录的方法
2015/07/29 PHP
PHP实现的限制IP投票程序IP来源分析
2016/05/04 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
国外Lightbox v2.03.3 最新版 下载
2007/10/17 Javascript
初窥JQuery(二)事件机制(2)
2010/12/06 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
2016/11/29 Javascript
基于vue实现多引擎搜索及关键字提示
2017/03/16 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
JavaScript用二分法查找数据的实例代码
2017/06/17 Javascript
Vue Cli与BootStrap结合实现表格分页功能
2017/08/18 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
基于JavaScript实现报警器提示音效果
2017/10/27 Javascript
11行JS代码制作二维码生成功能
2018/03/09 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
微信小程序实现左侧滑栏过程解析
2019/08/26 Javascript
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
Vue单文件组件开发实现过程详解
2020/07/30 Javascript
Python编写屏幕截图程序方法
2015/02/18 Python
详细解析Python中__init__()方法的高级应用
2015/05/11 Python
Python三级目录展示的实现方法
2016/09/28 Python
python数据处理实战(必看篇)
2017/06/11 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
python中可以声明变量类型吗
2020/06/18 Python
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
巴西化妆品商店:Lojas Rede
2019/07/26 全球购物
解释一下ruby中的特殊方法与特殊类
2013/02/26 面试题
教师开学感言
2014/02/14 职场文书
贷款委托书
2014/08/01 职场文书
庆元旦主持词
2015/07/06 职场文书
工作简报怎么写
2015/07/21 职场文书
小学六年级班主任工作经验交流材料
2015/11/02 职场文书
Java spring定时任务详解
2021/10/05 Java/Android
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏