X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..76cb34406ceaf9681a76e13b531d7eafa483ad88:/examples/form/file-upload.js

diff --git a/examples/form/file-upload.js b/examples/form/file-upload.js
index 3f6af7e9..29b331fa 100644
--- a/examples/form/file-upload.js
+++ b/examples/form/file-upload.js
@@ -1,110 +1,108 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
-
-Ext.onReady(function(){
-
-    Ext.QuickTips.init();
-    
-    var msg = function(title, msg){
-        Ext.Msg.show({
-            title: title, 
-            msg: msg,
-            minWidth: 200,
-            modal: true,
-            icon: Ext.Msg.INFO,
-            buttons: Ext.Msg.OK
-        });
-    };
-    
-    var fibasic = new Ext.form.FileUploadField({
-        renderTo: 'fi-basic',
-        width: 400
-    });
- 
-    new Ext.Button({
-        text: 'Get File Path',
-        renderTo: 'fi-basic-btn',
-        handler: function(){
-            var v = fibasic.getValue();
-            msg('Selected File', v && v != '' ? v : 'None');
-        }
-    });
-    
-    var fbutton = new Ext.form.FileUploadField({
-        renderTo: 'fi-button',
-        buttonOnly: true,
-        listeners: {
-            'fileselected': function(fb, v){
-                var el = Ext.fly('fi-button-msg');
-                el.update('<b>Selected:</b> '+v);
-                if(!el.isVisible()){
-                    el.slideIn('t', {
-                        duration: .2,
-                        easing: 'easeIn',
-                        callback: function(){
-                            el.highlight();
-                        }
-                    });
-                }else{
-                    el.highlight();
-                }
-            }
-        }
-    });
-    
-    var fp = new Ext.FormPanel({
-        renderTo: 'fi-form',
-        fileUpload: true,
-        width: 500,
-        frame: true,
-        title: 'File Upload Form',
-        autoHeight: true,
-        bodyStyle: 'padding: 10px 10px 0 10px;',
-        labelWidth: 50,
-        defaults: {
-            anchor: '95%',
-            allowBlank: false,
-            msgTarget: 'side'
-        },
-        items: [{
-            xtype: 'textfield',
-            fieldLabel: 'Name'
-        },{
-            xtype: 'fileuploadfield',
-            id: 'form-file',
-            emptyText: 'Select an image',
-            fieldLabel: 'Photo',
-            name: 'photo-path',
-            buttonCfg: {
-                text: '',
-                iconCls: 'upload-icon'
-            }
-        }],
-        buttons: [{
-            text: 'Save',
-            handler: function(){
-                if(fp.getForm().isValid()){
-	                fp.getForm().submit({
-	                    url: 'file-upload.php',
-	                    waitMsg: 'Uploading your photo...',
-	                    success: function(fp, o){
-	                        msg('Success', 'Processed file "'+o.result.file+'" on the server');
-	                    }
-	                });
-                }
-            }
-        },{
-            text: 'Reset',
-            handler: function(){
-                fp.getForm().reset();
-            }
-        }]
-    });
-    
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+
+    Ext.QuickTips.init();
+
+    var msg = function(title, msg){
+        Ext.Msg.show({
+            title: title,
+            msg: msg,
+            minWidth: 200,
+            modal: true,
+            icon: Ext.Msg.INFO,
+            buttons: Ext.Msg.OK
+        });
+    };
+
+    var fibasic = new Ext.ux.form.FileUploadField({
+        renderTo: 'fi-basic',
+        width: 400
+    });
+
+    new Ext.Button({
+        text: 'Get File Path',
+        renderTo: 'fi-basic-btn',
+        handler: function(){
+            var v = fibasic.getValue();
+            msg('Selected File', v && v != '' ? v : 'None');
+        }
+    });
+
+    var fbutton = new Ext.ux.form.FileUploadField({
+        renderTo: 'fi-button',
+        buttonOnly: true,
+        listeners: {
+            'fileselected': function(fb, v){
+                var el = Ext.fly('fi-button-msg');
+                el.update('<b>Selected:</b> '+v);
+                if(!el.isVisible()){
+                    el.slideIn('t', {
+                        duration: .2,
+                        easing: 'easeIn',
+                        callback: function(){
+                            el.highlight();
+                        }
+                    });
+                }else{
+                    el.highlight();
+                }
+            }
+        }
+    });
+
+    var fp = new Ext.FormPanel({
+        renderTo: 'fi-form',
+        fileUpload: true,
+        width: 500,
+        frame: true,
+        title: 'File Upload Form',
+        autoHeight: true,
+        bodyStyle: 'padding: 10px 10px 0 10px;',
+        labelWidth: 50,
+        defaults: {
+            anchor: '95%',
+            allowBlank: false,
+            msgTarget: 'side'
+        },
+        items: [{
+            xtype: 'textfield',
+            fieldLabel: 'Name'
+        },{
+            xtype: 'fileuploadfield',
+            id: 'form-file',
+            emptyText: 'Select an image',
+            fieldLabel: 'Photo',
+            name: 'photo-path',
+            buttonText: '',
+            buttonCfg: {
+                iconCls: 'upload-icon'
+            }
+        }],
+        buttons: [{
+            text: 'Save',
+            handler: function(){
+                if(fp.getForm().isValid()){
+	                fp.getForm().submit({
+	                    url: 'file-upload.php',
+	                    waitMsg: 'Uploading your photo...',
+	                    success: function(fp, o){
+	                        msg('Success', 'Processed file "'+o.result.file+'" on the server');
+	                    }
+	                });
+                }
+            }
+        },{
+            text: 'Reset',
+            handler: function(){
+                fp.getForm().reset();
+            }
+        }]
+    });
+
 });
\ No newline at end of file