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 相关文章推荐
JQuery 将元素显示在屏幕的中央的代码
Feb 27 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
Feb 19 Javascript
捕获和分析JavaScript Error的方法
Mar 25 Javascript
JavaScript中的数组特性介绍
Dec 30 Javascript
JS简单实现多级Select联动菜单效果代码
Sep 06 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
jQuery实现最简单实用的分秒倒计时
Feb 05 Javascript
javascript history对象详解
Feb 09 Javascript
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
js is_valid_filename验证文件名的函数
Jul 19 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
Feb 11 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
typecho插件编写教程(一):Hello World
2015/05/28 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
PHP读书笔记_运算符详解
2016/07/01 PHP
php 读取输出其他文件的实现方法
2016/07/26 PHP
Discuz不使用插件实现简单的打赏功能
2019/03/21 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
JS焦点图切换,上下翻转
2011/05/12 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
使用Javascript接收get传递的值的代码
2011/11/30 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
javascript鼠标滑动评分控件完整实例
2015/05/13 Javascript
js date 格式化
2017/02/15 Javascript
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
使用ionic播放轮询广告的实现方法(必看)
2017/04/24 Javascript
vue2.0 资源文件assets和static的区别详解
2018/04/08 Javascript
vue组件实现弹出框点击显示隐藏效果
2020/10/26 Javascript
[01:50:49]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第三场 1月24日
2021/03/11 DOTA
Python二分法搜索算法实例分析
2015/05/11 Python
python轻松查到删除自己的微信好友
2016/01/10 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
对python实现合并两个排序链表的方法详解
2019/01/23 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
探秘TensorFlow 和 NumPy 的 Broadcasting 机制
2020/03/13 Python
基于tensorflow __init__、build 和call的使用小结
2021/02/26 Python
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
英国手机零售商:Metrofone
2019/03/18 全球购物
加拿大在线隐形眼镜和眼镜店:VisionPros
2019/10/06 全球购物
房展策划方案
2014/06/07 职场文书
2014业务员年终工作总结
2014/12/09 职场文书
2015年招聘工作总结
2014/12/12 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
致我们终将逝去的青春观后感
2015/06/10 职场文书
Java中try catch处理异常示例
2021/12/06 Java/Android