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