How to mix VtkLocalView with DockView

[SebastienRietteMTO]

Hi,

Here is my attempt to use VtkLocalView inside tabs created by DockView. The cone doesn't display and I get the error "JS Error => Can not forward events without a current renderer on the interactor."

from trame.ui.html import DivLayout
from trame.ui.vuetify3 import SinglePageWithDrawerLayout
from trame.app import TrameApp
from trame.widgets import vtk as vtk_widgets
from trame.widgets import vuetify3 as vuetify
from trame.widgets import dockview
from trame_vtk.modules import common as vtk_js
from trame_vtklocal.widgets import vtklocal

from vtkmodules.vtkInteractionStyle import vtkInteractorStyleSwitch
import vtkmodules.vtkRenderingOpenGL2
import vtk

from vtkmodules.vtkFiltersSources import vtkConeSource
from vtkmodules.vtkRenderingCore import vtkActor, vtkPolyDataMapper


class Demo(TrameApp):
    def __init__(self, server=None):
        super().__init__(server, client_type="vue3")

        #vtk_widgets.VtkView(trame_server=self.server)
        self.server.enable_module(vtk_js)

        self._panel_count = 0

        with SinglePageWithDrawerLayout(self.server, full_height=True,
                                        show_drawer=False) as self.ui:
            self.ui.title.set_text("Demo")

            with self.ui.toolbar:
                vuetify.VBtn(icon="mdi-plus-thick", click=(self.add_panel, ))

            with self.ui.content:
                with vuetify.VContainer(classes="pa-0 ma-0 fill-height", fluid=True):
                    dockview.DockView(
                        ctx_name="dock_view",
                        theme=("theme",),
                    )

    def add_panel(self):
        """
        New panel
        """
        self._panel_count += 1
        panel_id = f"panel_{self._panel_count}"
        title = f"Panel {self._panel_count}"
        template_name = f"dock_{panel_id}"

        with DivLayout(self.server, template_name) as layout:
            layout.root.style = "height:100%;position:relative;"

            self.window = vtk.vtkRenderWindow()
            with vtk_widgets.VtkLocalView(self.window) as view:
                #self.interactor = vtk.vtkRenderWindowInteractor()
                #self.interactor.SetRenderWindow(self.window)
                #self.interactorStyle = vtk.vtkInteractorStyleTrackballCamera()
                #self.interactor.SetInteractorStyle(self.interactorStyle)
                self.renderer = vtk.vtkRenderer()
                self.window.AddRenderer(self.renderer)

                cone_source = vtkConeSource()
                mapper = vtkPolyDataMapper()
                mapper.SetInputConnection(cone_source.GetOutputPort())
                actor = vtkActor()
                actor.SetMapper(mapper)
                self.renderer.AddActor(actor)

                self.ctrl.view_update = view.update
                self.ctrl.view_reset_camera = view.reset_camera
                self.ctrl.view_update()
                self.ctrl.view_reset_camera()

        self.ctx.dock_view.add_panel(panel_id, title, template_name)


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

Could someone help me?

Thank you very much.

[bourdaisj]

Hi,
I am not sure why you are getting this error with trame-vtk vtkLocalView, but personally I'm not recommending using trame-vtk with the vtkLocalView. I personally find than trame-vtklocal works way better (it still have some problems though) that trame-vtk local rendering, that is a personal opinion though.
I see you are also import trame-vtklocal - I can help you for this one:
you have to import the widget this way:

from trame.widgets import  vtklocal

and in your constructor call

vtklocal.initialize(self.server)

and then use this widget to render your VTK render window:

with vtklocal.LocalView(self.window) as view:

Also make sure you uncomment those lines:

self.interactor = vtk.vtkRenderWindowInteractor()
self.interactor.SetRenderWindow(self.window)

To enable the trackball camera interactor style you may use:

self.interactor.GetInteractorStyle().SetCurrentStyleToTrackballCamera()  # type: ignore[attr-defined]

I ran your code with those modifications and latest dependecies using uv run --with=trame-vtk,trame,trame-dockview,trame-vtklocal,vtk test.py

[bourdaisj]

Maybe @Jo-Byr or @finetjul have some ideas about why the interactor is failing with trame-vtk local rendering

[SebastienRietteMTO]

Thank you very much for your quick help. Indeed, using vtklocal instead of vtkLocalView works perfectly, and I can now open vtk renderings in different tabs.

I'm just getting started, but the framework seems really great!

Thank you