12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- <!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-chart-MaskLayer'>/**
- </span> * @private
- */
- Ext.define('Ext.chart.MaskLayer', {
- extend: 'Ext.Component',
-
- constructor: function(config) {
- config = Ext.apply(config || {}, {
- style: 'position:absolute;background-color:#888;cursor:move;opacity:0.6;border:1px solid #222;'
- });
- this.callParent([config]);
- },
-
- initComponent: function() {
- var me = this;
- me.callParent(arguments);
- me.addEvents(
- 'mousedown',
- 'mouseup',
- 'mousemove',
- 'mouseenter',
- 'mouseleave'
- );
- },
- initDraggable: function() {
- this.callParent(arguments);
- this.dd.onStart = function (e) {
- var me = this,
- comp = me.comp;
-
- // Cache the start [X, Y] array
- this.startPosition = comp.getPosition(true);
-
- // If client Component has a ghost method to show a lightweight version of itself
- // then use that as a drag proxy unless configured to liveDrag.
- if (comp.ghost && !comp.liveDrag) {
- me.proxy = comp.ghost();
- me.dragTarget = me.proxy.header.el;
- }
-
- // Set the constrainTo Region before we start dragging.
- if (me.constrain || me.constrainDelegate) {
- me.constrainTo = me.calculateConstrainRegion();
- }
- };
- }
- });</pre>
- </body>
- </html>
|