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的15款幻灯片插件
Apr 10 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
Jul 18 Javascript
jQuery实现简洁的轮播图效果实例
Sep 07 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
js遍历获取表格内数据的方法(必看)
Apr 06 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
Dec 19 Javascript
微信小程序动态显示项目倒计时
Jun 20 Javascript
Vue源码分析之Vue实例初始化详解
Aug 25 Javascript
Node.js系列之发起get/post请求(2)
Aug 30 Javascript
详解Anyscript开发指南绕过typescript类型检查
Sep 23 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数据访问之增删改查操作
2016/05/09 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
关于JS中prototype的理解
2015/09/07 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
浅谈js中字符和数组一些基本算法题
2016/08/15 Javascript
jQuery层级选择器实例代码
2017/02/06 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
2017/04/01 jQuery
Nodejs中Express 常用中间件 body-parser 实现解析
2017/05/22 NodeJs
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
react 父组件与子组件之间的值传递的方法
2017/09/14 Javascript
详解HTML5 使用video标签实现选择摄像头功能
2017/10/25 Javascript
react 兄弟组件如何调用对方的方法示例
2018/10/23 Javascript
node(koa2) web应用模块介绍详解
2019/03/29 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
微信小程序 接入腾讯地图的两种写法
2021/01/12 Javascript
python实现无证书加密解密实例
2014/10/27 Python
Python使用剪切板的方法
2017/06/06 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
wxPython的安装与使用教程
2018/08/31 Python
python随机在一张图像上截取任意大小图片的方法
2019/01/24 Python
python爬虫之自制英汉字典
2019/06/24 Python
Python Numpy 控制台完全输出ndarray的实现
2020/02/19 Python
Django操作session 的方法
2020/03/09 Python
意大利独特而优质的家居用品:Fazzini
2018/12/05 全球购物
实习科室评语
2015/01/04 职场文书
村干部任职承诺书
2015/01/21 职场文书
销售督导岗位职责
2015/04/10 职场文书
2015年暑期见闻
2015/07/14 职场文书
植树节新闻稿
2015/07/17 职场文书
诚信考试主题班会
2015/08/17 职场文书
mysql 带多个条件的查询方式
2021/06/05 MySQL
redis 存储对象的方法对比分析
2021/08/02 Redis