EXTJS4----File控件使用

一、  定义

（File）文件上传控件，上传文件。

 

二、  常用属性

属性名称	描述

 

三、  常用方法

方法名称	描述

 

四、  常用事件

事件名称	描述

 

五、  事例代码

 

Ext.create('Ext.window.Window', {
                title: 'File示例',
                height: 180,
                width: 300,
                layout: 'fit',
                items: [{
                    xtype: 'form',
                    border: false,
                    defaultType: 'filefield',
                    baseCls: 'x-plain',
                    fieldDefaults: {
                        labelAlign: 'right',
                        labelWidth: 60,
                        msgTarget: 'side',
                        autoFitErrors: false
                    },
                    bodyPadding: 10,
                    items: [
                        {
                            id: 'date',
                            fieldLabel: '文件',
                            anchor: '100%'
                        }
                    ]
                }],
                buttonAlign: 'center',
                buttons: [{
                    text: '登录',
                    handler: function () {
                        var form = this.up('window').down('form').getForm();
                        if (form.isValid()) {
                            form.submit({
                                url: '路径',
                                waitMsg: '文件上传中,请稍候...',
                                success: function (fp, o) {
                                    Ext.Msg.alert('成功');
                                }
                            });
                        }
                    }
                }]
            }).show();