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相等运算符与等同运算符详细介绍
Nov 09 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
Nov 25 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
Dec 16 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
Jan 07 Javascript
原生Js实现简易烟花爆炸效果的方法
Mar 20 Javascript
jQuery实现网站添加高亮突出显示效果的方法
Jun 26 Javascript
jQuery实现的经典滑动门效果
Sep 22 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
Angular6封装http请求的步骤详解
Aug 13 Javascript
VUE写一个简单的表格实例
Aug 06 Javascript
详解JavaScript作用域 闭包
Jul 29 Javascript
如何将JavaScript将数组转为树形结构
Jun 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
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
php中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
2013/01/04 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
2014/09/01 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
JavaScript中的数学运算介绍
2014/12/29 Javascript
jquery使用经验小结
2015/05/20 Javascript
JavaScript中使用concat()方法拼接字符串的教程
2015/06/06 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
2016/05/27 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
jQuery增加、删除及修改select option的方法
2016/08/19 Javascript
Javascript 正则表达式校验数字的简单实例
2016/11/02 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
2018/03/01 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
Python脚本文件打包成可执行文件的方法
2015/06/02 Python
Python实现身份证号码解析
2015/09/01 Python
windows下cx_Freeze生成Python可执行程序的详细步骤
2018/10/09 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
python实现ftp文件传输系统(案例分析)
2020/03/20 Python
python爬虫请求头设置代码
2020/07/28 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
会计专业毕业自荐书范文
2014/02/08 职场文书
2014七年级班主任工作总结
2014/12/05 职场文书
教师节倡议书2015
2015/04/27 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
优秀乡村医生事迹材料(2016精选版)
2016/02/29 职场文书
喜迎建国70周年:有关爱国的名言名句
2019/09/24 职场文书
Web应用开发TypeScript使用详解
2022/05/25 Javascript