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继承机制的设计思想分享
Aug 28 Javascript
JavaScript字符串String和Array操作的有趣方法
Dec 18 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
Apr 18 Javascript
浅析JS运动
Dec 28 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
Bootstrap CSS组件之输入框组
Dec 17 Javascript
js使用xml数据载体实现城市省份二级联动效果
Nov 08 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
Oct 12 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
Jan 04 Javascript
npm ci命令的基本使用方法
Sep 20 Javascript
微信小程序input抖动问题的修复方法
Mar 03 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上传大文件失败的原因及应对策略
2015/10/20 PHP
PHP实现文件上传与下载实例与总结
2016/03/13 PHP
php通过各种函数判断0和空
2020/07/04 PHP
详解new function(){}和function(){}() 区别分析
2008/03/22 Javascript
IE和Firefox下event事件杂谈
2009/12/18 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
js 文件引入实现代码
2010/04/23 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
jQuery焦点图轮播效果实现方法
2016/12/19 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
javascript流程控制语句集合
2017/09/18 Javascript
JS运动特效之任意值添加运动的方法分析
2018/01/24 Javascript
vue源码入口文件分析(推荐)
2018/01/30 Javascript
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
微信小程序收藏功能的实现代码
2018/06/12 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
vue+iview/elementUi实现城市多选
2019/03/28 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
2019/08/12 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
Windows系统配置python脚本开机启动的3种方法分享
2015/03/10 Python
Python之dict(或对象)与json之间的互相转化实例
2018/06/05 Python
python引用(import)某个模块提示没找到对应模块的解决方法
2019/01/19 Python
在pyqt5中QLineEdit里面的内容回车发送的实例
2019/06/21 Python
python datetime处理时间小结
2020/04/16 Python
python中可以声明变量类型吗
2020/06/18 Python
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
机电一体化自荐信
2013/12/10 职场文书
学校四风对照检查材料
2014/08/28 职场文书
幼儿园老师个人总结
2015/02/28 职场文书
Lombok的详细使用及优缺点总结
2021/07/15 Java/Android
详解Mysql事务并发(脏读、不可重复读、幻读)
2022/04/29 MySQL