手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Extjs的FileUploadField文件上传出现了两个上传按钮
Extjs的FileUploadField文件上传出现了两个上传按钮
摘要:使用Extjs的FileUploadField插件上传文件,因为FileUploadField是ext的拓展插件所以在其api中是找不到其方...

使用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>

这个时候插件的使用才会正常。

【Extjs的FileUploadField文件上传出现了两个上传按钮】相关文章:

HTML TO JavaScript 转换

JavaScript function函数种类详解

创建表格,并添加事件

打字效果

JavaScript实现Flash炫光波动特效

JavaScript实现自动变换表格边框颜色

javaScript中with函数用法实例分析

分享十五款 jQuery 社交网络分享插件

jQuery的Scrollify插件实现滑动到页面下一节点

获取对象

精品推荐
分类导航