From cc8e5afc08296d589ceec6946c2e16c0519e7fbf Mon Sep 17 00:00:00 2001
From: Nick Poulden <nick@sencha.com>
Date: Mon, 1 Aug 2011 18:04:20 -0700
Subject: [PATCH] Fix for DataView mouse overs

---
 template/app/view/examples/Index.js |  2 +-
 template/app/view/examples/List.js  | 20 +++++++++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/template/app/view/examples/Index.js b/template/app/view/examples/Index.js
index 0fee1bc4..d4188705 100644
--- a/template/app/view/examples/Index.js
+++ b/template/app/view/examples/Index.js
@@ -23,7 +23,7 @@ Ext.define('Docs.view.examples.Index', {
             Ext.create('Docs.view.examples.List', {
                 store: store
             })
-        ]
+        ];
 
         this.callParent(arguments);
     }
diff --git a/template/app/view/examples/List.js b/template/app/view/examples/List.js
index e782aa79..d1b5eb20 100644
--- a/template/app/view/examples/List.js
+++ b/template/app/view/examples/List.js
@@ -3,9 +3,7 @@ Ext.define('Docs.view.examples.List', {
     alias: 'widget.samplepanel',
 
     cls          : 'demos',
-    itemSelector : 'dd',
-    trackOver    : true,
-    overItemCls  : 'over',
+    itemSelector : 'dl',
 
     tpl          : Ext.create('Ext.XTemplate',
         '<div id="sample-ct">',
@@ -49,6 +47,22 @@ Ext.define('Docs.view.examples.List', {
          * @param {Ext.EventObject} e
          */
         this.addEvents('exampleclick');
+
+        this.on({
+            'afterrender': function(cmp) {
+                cmp.el.addListener('mouseover', function(evt, el) {
+                    Ext.get(el).addCls('over')
+                }, this, {
+                    delegate: 'dd'
+                });
+                cmp.el.addListener('mouseout', function(evt, el) {
+                    Ext.get(el).removeCls('over')
+                }, this, {
+                    delegate: 'dd'
+                });
+            }
+        })
+
         this.callParent(arguments);
     },
 
-- 
GitLab