Extjs的FileUploadField文件上传出现了两个上传按钮
更新时间：2014年04月29日 15:46:12 作者：
Extjs的FileUploadField文件上传在页面中出现了两个上传按钮，这个是和ext的本身css的样式有关系，所以要将样式修改下
使用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>
这个时候插件的使用才会正常。
复制代码 代码如下:
<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>
这个时候插件的使用才会正常。
您可能感兴趣的文章:
相关文章
今天需要在grid中嵌入combobox，在网上找了好久也没有找到一个正确可行的方法，可能是版本问题（我版本是extjs 3.0），没有继续研究其原因，自己查找资料，终于实现功能。现在分享一下代码。2011-01-01
根据我在论坛上的观察，xtype用起来的时候疑惑会比较多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我决定阐述一下这个xtype的概念。2010-01-01
ExtJS4的requires是新增的机制，主要是实现异步加载机制，在下面的文章总将为大家介绍下ExtJS4中的requires使用方法，需要的朋友不要错过2013-12-12
相信很多人对使用js进行客户端的编程比较头大，其实现在已经有了很多优秀的js库，可以大大简化js编程的工作量，其中，jquery和extjs就是两款非常优秀的js库。2009-10-10
ExtJS Column布局使用说明，需要的朋友可以参考下。2009-10-10
这篇文章主要介绍了ExtJS中设置下拉列表框不可编辑的方法,需要的朋友可以参考下2014-05-05
Extjs 4.x 得到form CheckBox 复选框的值
CheckBox（复选框）主要用来接收用户选择的选项，那么如何通过Extjs 4.x 得到form CheckBox的值呢？下面有个不错的方法，大家值得一看2014-05-05
在html页面中，没有导入jquery文件时，可以正常保存，而导入jquery文件后，则不能不存了，发现导入的jquery文件和现有的extjs文件冲突了2014-01-01
ExtJS是一个MVVM结构的JavaScript框架,在处理表格表单方面则是它的拿手好戏,这里整理了基本的JavaScript的ExtJS框架中表格的编写教程2016-05-05
本文介绍在桌面程序开发中很常用也很简单的工具栏和菜单，但是在通常的web开发中，要实现好工具栏和菜单并非易事，然而extjs使我们能够用类似桌面程序开发的方法来开发web的工具栏和菜单。2010-01-01
最新评论