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编程小常识很有用
Nov 26 Javascript
javascript ajax 仿百度分页函数
Oct 29 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
可恶的ie8提示缺少id未定义
Mar 20 Javascript
js图片翻书效果代码分享
Aug 20 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
jQuery Validate初步体验(二)
Dec 12 Javascript
关于js二维数组和多维数组的定义声明(详解)
Oct 02 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
Dec 22 Javascript
JS实现调用本地摄像头功能示例
May 18 Javascript
小程序实现多选框功能
Oct 30 Javascript
解决layer.confirm选择完之后消息框不消失的问题
Sep 16 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求小于1000的所有水仙花数的代码
2012/01/10 PHP
PHP测试程序运行时间的类
2012/02/05 PHP
php全局变量和类配合使用深刻理解
2013/06/05 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
laravel接管Dingo-api和默认的错误处理方式
2019/10/25 PHP
图片之间的切换
2006/06/26 Javascript
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
2015/09/24 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
jQuery中设置form表单中action值的实现方法
2016/05/25 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
2016/06/17 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
javascript实现数字配对游戏的实例讲解
2017/12/14 Javascript
js捆绑TypeScript声明文件的方法教程
2018/04/13 Javascript
Javascript如何递归遍历本地文件夹
2020/08/06 Javascript
JS实现拖拽元素时与另一元素碰撞检测
2020/08/27 Javascript
浅谈python抛出异常、自定义异常, 传递异常
2016/06/20 Python
python编程线性回归代码示例
2017/12/07 Python
python3对拉勾数据进行可视化分析的方法详解
2019/04/03 Python
Python3.5面向对象程序设计之类的继承和多态详解
2019/04/24 Python
pytorch使用Variable实现线性回归
2019/05/21 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
Python使用Paramiko控制liunx第三方库
2020/05/20 Python
伯克斯奥特莱斯:Burkes Outlet
2019/03/30 全球购物
公关活动策划方案
2014/05/25 职场文书
新闻发布会策划方案
2014/06/12 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
党建工作目标管理责任书
2015/01/29 职场文书
加班费申请报告
2015/05/15 职场文书
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js