extjs中的fileuploadfield出现两个按钮

最新推荐文章于 2024-02-28 11:08:33 发布

原创最新推荐文章于 2024-02-28 11:08:33 发布 · 6.5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#extjs #constructor #upload #照片 #function

收录于

extjs 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在ExtJS中正确配置FileUploadField组件以实现文件上传功能，并解决因未导入样式导致出现双按钮的问题。

extjs中的fileuploadfield出现两个按钮，由于没有导入ext/3.0.0/examples/ux/FileUploadField.js样式

/** * @author edwin * @date 2011-1-30 * @desc 上传窗体 */ uploadWin = Ext.extend(Ext.Window,{ id: 'upLoad', uploadPanel: null, constructor: function(){ this.uploadPanel = new Ext.form.FormPanel({ fileUpload: true,//允许上传 baseCls: 'x-plain',//作用在面板元素上的CSS样式类（默认为 'x-panel') layout: 'form', labelWidth: 60, items: [{ xtype: 'fileuploadfield',//引入插件 fieldLabel: '上传照片', allowBlank: false, id: 'photo', buttonText: '选择' }] }); //调用父类构造方法 uploadWin.superclass.constructor.call(this,{ title: '上传照片', modal: true, width: 380, height: 150, plain: true, items:[this.uploadPanel], buttonAlign: 'center', buttons:[{ text: '确定' },{ text: '取消' }] }) } })

米享：http://www.mxiangw.com