Same rendering instance across different vwindowitems

[AnthonyTSV]

Hi! I'm trying to render the same render window across 2 different vwindowitems. But it breaks after interaction on the second window. Any help would be greatly appreciated.
Code:

from trame.app import get_server
from trame.ui.vuetify3 import SinglePageLayout
from trame.widgets import vtk, vuetify3
from vtkmodules.vtkFiltersSources import vtkConeSource

from vtkmodules.vtkRenderingCore import (
    vtkActor,
    vtkPolyDataMapper,
    vtkRenderer,
    vtkRenderWindow,
    vtkRenderWindowInteractor,
)

from vtkmodules.vtkInteractionStyle import vtkInteractorStyleSwitch #noqa
import vtkmodules.vtkRenderingOpenGL2 #noqa

renderer = vtkRenderer()
renderWindow = vtkRenderWindow()
renderWindow.AddRenderer(renderer)
renderWindow.OffScreenRenderingOn()  # Prevent popup window

renderWindowInteractor = vtkRenderWindowInteractor()
renderWindowInteractor.SetRenderWindow(renderWindow)
renderWindowInteractor.GetInteractorStyle().SetCurrentStyleToTrackballCamera()

cone_source = vtkConeSource()
mapper = vtkPolyDataMapper()
actor = vtkActor()
mapper.SetInputConnection(cone_source.GetOutputPort())
actor.SetMapper(mapper)
renderer.AddActor(actor)
renderer.ResetCamera()
renderWindow.Render()

# -----------------------------------------------------------------------------
# Get a server to work with
# -----------------------------------------------------------------------------

server = get_server()
server.client_type = "vue3"

# -----------------------------------------------------------------------------
# GUI
# -----------------------------------------------------------------------------

ctrl = server.controller

with SinglePageLayout(server) as layout:
    with layout.toolbar as toolbar:
        toolbar.clear()
        with vuetify3.VTabs(v_model=("active_tab", "tab_heating"), color="#43ac6b", classes=".rounded-t-s"):
            with vuetify3.VTab(value="tab_0") as tab:
                tab.add_child("HEATING")
            with vuetify3.VTab(value="tab_1") as tab:
                tab.add_child("MAGNETIC FIELD")
    with layout.content:
        with layout.content:
                with vuetify3.VWindow(v_model="active_tab"):
                    with vuetify3.VWindowItem(value="tab_0", style="min-width: 400px; width: 100%; height: calc(100vh - 85px); min-height: 400px;"):
                        with vuetify3.VContainer(
                            fluid=True,
                            classes="pa-0 fill-height",
                        ):
                            view = vtk.VtkRemoteView(renderWindow, ref="view0")
                            ctrl.view_update = view.update
                            ctrl.view_reset_camera = view.reset_camera
                    with vuetify3.VWindowItem(value="tab_1", style="min-width: 400px; width: 100%; height: calc(100vh - 85px); min-height: 400px;"):
                        with vuetify3.VContainer(
                            fluid=True,
                            classes="pa-0 fill-height",
                        ):
                            view = vtk.VtkRemoteView(renderWindow, ref="view1")
                            ctrl.view_update = view.update
                            ctrl.view_reset_camera = view.reset_camera

# -----------------------------------------------------------------------------
# Main
# -----------------------------------------------------------------------------

if __name__ == "__main__":
    server.start()

[jourdain]

Why do you want to show the same view in 2 widgets

[AnthonyTSV]

So that drawer would change, but the render window would stay the same (only with some actor's visibility change)

[jourdain]

Then, just use one and make it so the state affects actor visibility. No need to nest them in some tab container. Especially since you don't want the content to look different in term of layout.

[AnthonyTSV]

Thank you!