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与CSS复习(二)
Jun 29 Javascript
js中判断文本框是否为空的两种方法
Jul 31 Javascript
利用谷歌地图API获取点与点的距离的js代码
Oct 11 Javascript
基于jquery自己写tab滑动门(通用版)
Oct 30 Javascript
js处理表格对table进行修饰
May 26 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
Mar 10 Javascript
JS自动生成动态HTML验证码页面
Jun 14 Javascript
基于Vue实现图书管理功能
Oct 17 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
JS实现的合并多个数组去重算法示例
Apr 11 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 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 file_get_contents函数轻松采集html数据
2010/04/22 PHP
Apache下禁止php文件被直接访问的解决方案
2013/04/25 PHP
如何批量替换相对地址为绝对地址(利用bat批处理实现)
2013/05/27 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
使用JavaScript 实现各种跨域的方法
2013/05/08 Javascript
IE下JS读取xml文件示例代码
2013/08/05 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
全面了解函数声明与函数表达式、变量提升
2016/08/09 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
JavaScript SHA512加密算法详细代码
2016/10/06 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
完美的js图片轮换效果
2017/02/05 Javascript
详解Vuejs2.0之异步跨域请求
2017/04/20 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
2017/07/06 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
2017/08/06 Javascript
JS实现的找零张数最小问题示例
2017/11/28 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
2018/04/27 Javascript
微信小程序拼接图片链接无底洞深入探究
2019/09/03 Javascript
Python爬虫番外篇之Cookie和Session详解
2017/12/27 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
python leetcode 字符串相乘实例详解
2018/09/03 Python
英国领先的在线旅游和休闲零售商:lastminute.com
2019/01/23 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
Python如何定义一个函数
2015/09/01 面试题
代办委托书怎样写
2014/04/08 职场文书
求职者怎样写自荐信
2014/04/13 职场文书
环保志愿者活动方案
2014/08/14 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
2014年高校辅导员工作总结
2014/12/09 职场文书
教师思想工作总结2015
2015/05/13 职场文书
毕业证明模板
2015/06/19 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫
关于Redis的主从复制及哨兵问题
2022/06/16 Redis