X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/25ef3491bd9ae007ff1fc2b0d7943e6eaaccf775..6e39d509471fe9b4e2660e0d1631b350d0c66f40:/examples/simple-widgets/editor.js

diff --git a/examples/simple-widgets/editor.js b/examples/simple-widgets/editor.js
new file mode 100644
index 00000000..91e7641a
--- /dev/null
+++ b/examples/simple-widgets/editor.js
@@ -0,0 +1,87 @@
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.onReady(function(){
+    var ct = new Ext.form.FormPanel({
+        renderTo: 'container',
+        width: 700,
+        height: 400,
+        title: 'User Details',
+        defaultType: 'textfield',
+        padding: 10,
+        labelWidth: 90,
+        items: [{
+            fieldLabel: 'First Name'
+        }, {
+            fieldLabel: 'Middle Name'
+        }, {
+            fieldLabel: 'Last Name'
+        }, {
+            xtype: 'datefield',
+            fieldLabel: 'D.O.B'
+        }],
+        listeners: {
+            afterrender: function(form){
+                var cfg = {
+                    shadow: false,
+                    completeOnEnter: true,
+                    cancelOnEsc: true,
+                    updateEl: true,
+                    ignoreNoChange: true
+                };
+
+                var labelEditor = new Ext.Editor(Ext.apply({
+                    alignment: 'l-l',
+                    listeners: {
+                        beforecomplete: function(ed, value){
+                            if(value.charAt(value.length - 1) != ':'){
+                                ed.setValue(ed.getValue() + ':');
+                            }
+                            return true;
+                        },
+                        complete: function(ed, value, oldValue){
+                            Ext.example.msg('Label Changed', '"{0}" changed to "{1}"', oldValue, value);
+                        }
+                    },
+                    field: {
+                        allowBlank: false,
+                        xtype: 'textfield',
+                        width: 90,
+                        selectOnFocus: true
+                    }
+                }, cfg));
+                form.body.on('dblclick', function(e, t){
+                    labelEditor.startEdit(t);
+                }, null, {
+                    delegate: 'label.x-form-item-label'
+                });
+
+                var titleEditor = new Ext.Editor(Ext.apply({
+                    cls: 'x-small-editor',
+                    alignment: 'bl-bl?',
+                    offsets: [0, 3],
+                    listeners: {
+                        complete: function(ed, value, oldValue){
+                            Ext.example.msg('Title Changed', '"{0}" changed to "{1}"', oldValue, value);
+                        }
+                    },
+                    field: {
+                        width: 110,
+                        triggerAction: 'all',
+                        xtype: 'combo',
+                        editable: false,
+                        forceSelection: true,
+                        store: ['User Details', 'Developer Details', 'Manager Details']
+                    }
+                }, cfg));
+
+                form.header.child('.x-panel-header-text').on('dblclick', function(e, t){
+                    titleEditor.startEdit(t);
+                });
+            }
+        }
+    });
+});
\ No newline at end of file