13693261870
2022-09-16 354b3dbfbffb3df45212a2a44dbbf48b4acc2594
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js"><span id='Ext-grid-header-DragZone'>/**
</span> * @private
 */
Ext.define('Ext.grid.header.DragZone', {
    extend: 'Ext.dd.DragZone',
<span id='Ext-grid-header-DragZone-property-colHeaderSelector'>    colHeaderSelector: '.' + Ext.baseCSSPrefix + 'column-header',
</span><span id='Ext-grid-header-DragZone-property-colInnerSelector'>    colInnerSelector: '.' + Ext.baseCSSPrefix + 'column-header-inner',
</span><span id='Ext-grid-header-DragZone-property-maxProxyWidth'>    maxProxyWidth: 120,
</span>
<span id='Ext-grid-header-DragZone-method-constructor'>    constructor: function(headerCt) {
</span>        this.headerCt = headerCt;
        this.ddGroup =  this.getDDGroup();
        this.callParent([headerCt.el]);
        this.proxy.el.addCls(Ext.baseCSSPrefix + 'grid-col-dd');
    },
    
<span id='Ext-grid-header-DragZone-method-getDDGroup'>    getDDGroup: function() {
</span>        return 'header-dd-zone-' + this.headerCt.up('[scrollerOwner]').id;
    },
 
<span id='Ext-grid-header-DragZone-method-getDragData'>    getDragData: function(e) {
</span>        if (e.getTarget(this.colInnerSelector)) {
            var header = e.getTarget(this.colHeaderSelector),
                headerCmp,
                ddel;
 
            if (header) {
                headerCmp = Ext.getCmp(header.id);
                if (!this.headerCt.dragging &amp;&amp; headerCmp.draggable &amp;&amp; !(headerCmp.isOnLeftEdge(e) || headerCmp.isOnRightEdge(e))) {
                    ddel = document.createElement('div');
                    ddel.innerHTML = Ext.getCmp(header.id).text;
                    return {
                        ddel: ddel,
                        header: headerCmp
                    };
                }
            }
        }
        return false;
    },
 
<span id='Ext-grid-header-DragZone-method-onBeforeDrag'>    onBeforeDrag: function() {
</span>        return !(this.headerCt.dragging || this.disabled);
    },
 
<span id='Ext-grid-header-DragZone-method-onInitDrag'>    onInitDrag: function() {
</span>        this.headerCt.dragging = true;
        this.callParent(arguments);
    },
 
<span id='Ext-grid-header-DragZone-method-onDragDrop'>    onDragDrop: function() {
</span>        this.headerCt.dragging = false;
        this.callParent(arguments);
    },
 
<span id='Ext-grid-header-DragZone-method-afterRepair'>    afterRepair: function() {
</span>        this.callParent();
        this.headerCt.dragging = false;
    },
 
<span id='Ext-grid-header-DragZone-method-getRepairXY'>    getRepairXY: function() {
</span>        return this.dragData.header.el.getXY();
    },
    
<span id='Ext-grid-header-DragZone-method-disable'>    disable: function() {
</span>        this.disabled = true;
    },
    
<span id='Ext-grid-header-DragZone-method-enable'>    enable: function() {
</span>        this.disabled = false;
    }
});
</pre>
</body>
</html>