Event for docking occure

[Jozef.Lukac]

<div></div>
<div>Hello</div>
<div>Is there an event triggered when and which a docking window is docked to a new position?</div>
<div>After this case we need to refresh our internal angular component,</div>
<div>usage of (onStateChange) is too general for us and mark also other type of changes.</div>
<div>Is there any solution for this please?</div>
<div>Best regards,</div>
<div>Jozef.</div>
<div></div>

[yavordashew]

Hi Josef,
Thank you for your post!
The stateChange event has also type like ‘float’ when you take a window is outside the dockingLayout and also has ‘dock’ type.
I have a code snippet for you on how to bind for ‘dock’ type on stateChange:
//In your app.component.ts:

    onStateChange($event:any) {
      if( $event.detail.type === 'dock'){
        console.log($event)
      }
    }

Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Jozef.Lukac]

Hi Yavor,
exactly this event I needed. Is it possible to see which tab was moved/docked from content of this event?
I can see there only at which dock (SMART-TABS-WINDOW) docking happen.
Thank You,
Regards
Jozef.
 

[Author]

Posts