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 相关文章推荐
Prototype源码浅析 Number部分
Jan 16 Javascript
js DOM 元素ID就是全局变量
Sep 20 Javascript
Js放到HTML文件中的哪个位置有什么区别
Aug 21 Javascript
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
Jquery实现控件的隐藏和显示实例
Feb 08 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
Jun 21 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
Jan 20 Javascript
Jquery-data的三种用法
Apr 18 jQuery
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
详解Webpack loader 之 file-loader
Nov 07 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 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 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
如何让CI框架支持service层
2014/10/29 PHP
Yii2学习笔记之汉化yii设置表单的描述(属性标签attributeLabels)
2017/02/07 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
JavaScript Undefined,Null类型和NaN值区别
2008/10/22 Javascript
判断脚本加载是否完成的方法
2009/05/26 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
JS实现FLASH幻灯片图片切换效果的方法
2015/03/04 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
2016/06/08 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
2017/08/22 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
Vue+Webpack完美整合富文本编辑器TinyMce的方法
2018/11/30 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
vue项目中极验验证的使用代码示例
2019/12/03 Javascript
python实现端口转发器的方法
2015/03/13 Python
总结Python编程中函数的使用要点
2016/03/20 Python
浅析Git版本控制器使用
2017/12/10 Python
python实现机器学习之多元线性回归
2018/09/06 Python
用python生成(动态彩色)二维码的方法(使用myqr库实现)
2019/06/24 Python
实例详解Python模块decimal
2019/06/26 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
如何在 Matplotlib 中更改绘图背景的实现
2020/11/26 Python
vivo智能手机官方商城:vivo
2016/09/22 全球购物
单位委托书范本
2014/04/04 职场文书
出纳试用期自我鉴定
2014/04/07 职场文书
村级四风对照检查材料
2014/08/24 职场文书
超市开店计划书
2014/09/15 职场文书
企业宣传语大全
2015/07/13 职场文书