disable event if mask

cenfun · Jun 2, 2024 · 5f36f5a · 5f36f5a
1 parent 0706480
commit 5f36f5a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/public/events.html b/public/events.html
@@ -50,6 +50,8 @@
                     <button>rerender()</button>
                     <button>addRow({"id":"id1","name":"Row"})</button>
                     <button>deleteRow("id1")</button>
+                    <button>showMask()</button>
+                    <button>hideMask()</button>
                 </div>
             </div>
             <div class="grid-container flex-auto"></div>

diff --git a/src/grid/events.js b/src/grid/events.js
@@ -544,10 +544,10 @@ export default {
 
     containerWheelHandler: function(e) {
 
-        // disable for tg-mask
-        // if (e.target && e.target.className === 'tg-mask') {
-        //     return;
-        // }
+        // stop wheel if has mask
+        if (this.hasMask) {
+            return;
+        }
 
         // init mouse wheel data
         const lineHeight = this.getRowHeight();
@@ -660,6 +660,9 @@ export default {
     containerKeyDownHandler: function(e) {
 
         // console.log('onKeyDown', this.id, e.keyCode);
+        if (this.hasMask) {
+            return;
+        }
 
         this.trigger(E.onKeyDown, {
             e: e

diff --git a/src/grid/mask.js b/src/grid/mask.js
@@ -14,12 +14,14 @@ export default {
         }
 
         $mask.show();
+        this.hasMask = true;
 
         return this;
     },
 
     hideMask: function() {
         this.$container.find('.tg-mask').hide();
+        this.hasMask = false;
         return this;
     }
 };