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 相关文章推荐
js更优雅的兼容
Aug 12 Javascript
jQuery替换字符串(实例代码)
Nov 13 Javascript
AngularJS指令详解及示例代码
Aug 16 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 Javascript
jQuery实现移动端手机商城购物车功能
Sep 24 Javascript
Vue分页组件实例代码
Apr 17 Javascript
基于AngularJS实现的工资计算器实例
Jun 16 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
Jul 10 Javascript
详解Webpack + ES6 最新环境搭建与配置
Jun 04 Javascript
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
vue指令之表单控件绑定v-model v-model与v-bind结合使用
Apr 17 Javascript
Node.JS如何实现JWT原理
Sep 18 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安装swoole扩展的方法
2015/03/19 PHP
PHP7数组的底层实现示例
2019/08/25 PHP
中文字符串截取的js函数代码
2013/04/17 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
javascript实现获取浏览器版本、浏览器类型
2015/12/02 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
2015/12/31 Javascript
学习JavaScript设计模式之迭代器模式
2016/01/19 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
angularjs 源码解析之scope
2016/08/22 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
AngularJs验证重复密码的方法(两种)
2016/11/25 Javascript
JavaScript两个变量交换值的实现方法
2017/03/01 Javascript
使用jQuery和ajax代替iframe的方法(详解)
2017/04/12 jQuery
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
解决vue项目 build之后资源文件找不到的问题
2020/09/12 Javascript
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
python装饰器初探(推荐)
2016/07/21 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
详解一种用django_cache实现分布式锁的方式
2019/09/01 Python
pygame实现成语填空游戏
2019/10/29 Python
Python post请求实现代码实例
2020/02/28 Python
工程造价管理专业大专生求职信
2013/10/06 职场文书
物流专业毕业生推荐信范文
2013/11/18 职场文书
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
监理资料员岗位职责
2014/01/03 职场文书
网吧消防安全制度
2014/01/28 职场文书
面试后的英文感谢信
2014/02/01 职场文书
树转促学习心得体会
2014/09/10 职场文书
大专护理专业自荐信
2015/03/25 职场文书
职位证明模板
2015/06/23 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书
Ruby GDBM操作简介及数据存储原理
2022/04/19 Ruby
SQL语句中EXISTS的详细用法大全
2022/06/25 MySQL