Solve the transparent control when dragging windows in extjs

Source: Internet
Author: User

During extjs development today, there was a transparent phenomenon when the window was dragged, and the solution was finally found on the internet for a long time:
The reference is as follows:

This is the default extjs effect. The control in ext window is overwritten when it is dragged, because window inherits the standard DD and the ghost method of Ext. FX is added to startdrag and enddrag functions. Ext. FX is used to manage the animation effects of elements. The ghost method is used to slide and fade out. For more information, see the manual. As long as you get rid of these two sentences, you can drag the Windows unmasked. Add the following before the onready function:Code:

Ext. Override (ext. Window. DD, {startdrag: function () {var W = This. Win; this. Proxy = W. getel (); If (W. constrain! = False) {VaR so = W. el. shadowoffset; this. constrainto (W. container, {right: So, left: So, bottom: So});} else if (W. constrainheader! = False) {var S = This. proxy. getsize (); this. constrainto (W. container, {right:-(S. the width-this.headerOffsets [0]), bottom:-(S. height-this.headerOffsets [1])}) ;}}, enddrag: function (e) {This. win. savestate ();}});

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.