X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc:/examples/view/data-view-plugins.js..c930e9176a5a85509c5b0230e2bff5c22a591432:/examples/ux/DataView-more.js

diff --git a/examples/view/data-view-plugins.js b/examples/ux/DataView-more.js
similarity index 74%
rename from examples/view/data-view-plugins.js
rename to examples/ux/DataView-more.js
index 3e65ca26..bc1edf5b 100644
--- a/examples/view/data-view-plugins.js
+++ b/examples/ux/DataView-more.js
@@ -1,25 +1,15 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/**
+ * @class Ext.DataView.LabelEditor
+ * @extends Ext.Editor
  * 
- * http://extjs.com/license
  */
-
-
-Ext.DataView.LabelEditor = function(cfg, field){
-    Ext.DataView.LabelEditor.superclass.constructor.call(this,
-        field || new Ext.form.TextField({
-            allowBlank: false,
-            growMin:90,
-            growMax:240,
-            grow:true,
-            selectOnFocus:true
-        }), cfg
-    );
-}
-
-Ext.extend(Ext.DataView.LabelEditor, Ext.Editor, {
+Ext.DataView.LabelEditor = Ext.extend(Ext.Editor, {
     alignment: "tl-tl",
     hideEl : false,
     cls: "x-small-editor",
@@ -27,7 +17,19 @@ Ext.extend(Ext.DataView.LabelEditor, Ext.Editor, {
     completeOnEnter: true,
     cancelOnEsc: true,
     labelSelector: 'span.x-editable',
-
+    
+    constructor: function(cfg, field){
+        Ext.DataView.LabelEditor.superclass.constructor.call(this,
+            field || new Ext.form.TextField({
+                allowBlank: false,
+                growMin:90,
+                growMax:240,
+                grow:true,
+                selectOnFocus:true
+            }), cfg
+        );
+    },
+    
     init : function(view){
         this.view = view;
         view.on('render', this.initEditor, this);
@@ -35,8 +37,19 @@ Ext.extend(Ext.DataView.LabelEditor, Ext.Editor, {
     },
 
     initEditor : function(){
+        this.view.on({
+            scope: this,
+            containerclick: this.doBlur,
+            click: this.doBlur
+        });
         this.view.getEl().on('mousedown', this.onMouseDown, this, {delegate: this.labelSelector});
     },
+    
+    doBlur: function(){
+        if(this.editing){
+            this.field.blur();
+        }
+    },
 
     onMouseDown : function(e, target){
         if(!e.ctrlKey && !e.shiftKey){
@@ -58,7 +71,7 @@ Ext.extend(Ext.DataView.LabelEditor, Ext.Editor, {
 
 Ext.DataView.DragSelector = function(cfg){
     cfg = cfg || {};
-    var view, regions, proxy, tracker;
+    var view, proxy, tracker;
     var rs, bodyRegion, dragRegion = new Ext.lib.Region(0,0,0,0);
     var dragSafe = cfg.dragSafe === true;
 
@@ -124,6 +137,9 @@ Ext.DataView.DragSelector = function(cfg){
     }
 
     function onEnd(e){
+        if (!Ext.isIE) {
+            view.un('containerclick', cancelClick, view);    
+        }        
         if(proxy){
             proxy.setDisplayed(false);
         }