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和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
JQuery 常用方法和事件详细介绍
Apr 18 Javascript
用json方式实现在 js 中建立一个map
May 02 Javascript
JQuery点击事件回到页面顶部效果的实现代码
May 24 Javascript
微信小程序 label 组件详解及简单实例
Jan 10 Javascript
vue.js声明式渲染和条件与循环基础知识
Jul 31 Javascript
使用vue-router设置每个页面的title方法
Feb 11 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
Aug 19 Javascript
node实现分片下载的示例代码
Oct 17 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
Javascript通过控制类名更改样式
May 24 Javascript
vue keep-alive的简单总结
Jan 25 Vue.js
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把数组值转换成键的方法
2015/07/13 PHP
[原创]解决wincache不支持64位PHP5.5/5.6的问题(提供64位wincache下载)
2016/06/22 PHP
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
2013/07/04 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
分享12个实用的jQuery代码片段
2016/03/09 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
BootStrap中的表单大全
2016/09/07 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
ajax异步请求详解
2017/01/06 Javascript
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
2017/03/08 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
template.js前端模板引擎使用详解
2017/10/10 Javascript
微信小程序实现tab左右切换效果
2020/11/15 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
Python批处理更改文件名os.rename的方法
2018/10/26 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
在pycharm 中添加运行参数的操作方法
2019/01/19 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
美国现代家具购物网站:LexMod
2019/01/09 全球购物
澳大利亚家具商店:Freedom
2020/12/17 全球购物
linux面试相关问题
2013/04/28 面试题
大客户销售经理职责
2013/12/04 职场文书
机械设计毕业生自荐信
2014/02/02 职场文书
工程专业求职自荐书范文
2014/02/18 职场文书
《春天来了》教学反思
2014/04/07 职场文书
党的群众路线教育实践活动批评与自我批评发言稿
2014/10/16 职场文书