VtkRemoteLocalView not rendering when updating via python callback

[earlsioson]

Hello,

Can someone explain to me why having the creation of the VtkRemoteLocalView works in this case...

import json
from urllib.parse import parse_qs, urlparse

from paraview.web import venv
from trame.app import dev, get_server
from trame.ui.router import RouterViewLayout
from trame.ui.vuetify import SinglePageWithDrawerLayout
from trame.widgets import html, router, trame, vtk, vuetify
from vtkmodules.vtkFiltersSources import vtkConeSource, vtkCubeSource
from vtkmodules.vtkInteractionStyle import vtkInteractorStyleSwitch  # noqa
from vtkmodules.vtkRenderingCore import (
    vtkActor,
    vtkPolyDataMapper,
    vtkRenderer,
    vtkRenderWindow,
    vtkRenderWindowInteractor,
)


def cone_renderer():
    renderer = vtkRenderer()
    renderWindow = vtkRenderWindow()
    renderWindow.AddRenderer(renderer)
    renderWindow.OffScreenRenderingOn()

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

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


server = get_server()
state, ctrl = server.state, server.controller

layout = SinglePageWithDrawerLayout(server)
html_view_container = vuetify.VContainer(
    fluid=True,
    classes="pa-0 fill-height",
)

view = vtk.VtkRemoteLocalView(cone_renderer(), interactive_ratio=(1,))


def visualize():
    with layout:
        html_view_container.clear()
        html_view_container.add_child(view)
        ctrl.view_update = view.update
        ctrl.view_reset_camera = view.reset_camera
        view.update()


with layout:
    with layout.drawer as drawer:
        drawer.width = 325
        vuetify.VBtn(
            "Visualize",
            click=visualize,
        )

    with layout.content:
        html_view_container = vuetify.VContainer(fluid=True, classes="pa-0 fill-height")


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

VS.

having the creation in the callback function like this...

import json
from urllib.parse import parse_qs, urlparse

from paraview.web import venv
from trame.app import dev, get_server
from trame.ui.router import RouterViewLayout
from trame.ui.vuetify import SinglePageWithDrawerLayout
from trame.widgets import html, router, trame, vtk, vuetify
from vtkmodules.vtkFiltersSources import vtkConeSource, vtkCubeSource
from vtkmodules.vtkInteractionStyle import vtkInteractorStyleSwitch  # noqa
from vtkmodules.vtkRenderingCore import (
    vtkActor,
    vtkPolyDataMapper,
    vtkRenderer,
    vtkRenderWindow,
    vtkRenderWindowInteractor,
)


def cone_renderer():
    renderer = vtkRenderer()
    renderWindow = vtkRenderWindow()
    renderWindow.AddRenderer(renderer)
    renderWindow.OffScreenRenderingOn()

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

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


server = get_server()
state, ctrl = server.state, server.controller

layout = SinglePageWithDrawerLayout(server)
html_view_container = vuetify.VContainer(
    fluid=True,
    classes="pa-0 fill-height",
)

def visualize():
    view = vtk.VtkRemoteLocalView(cone_renderer(), interactive_ratio=(1,))

    with layout:
        html_view_container.clear()
        html_view_container.add_child(view)
        ctrl.view_update = view.update
        ctrl.view_reset_camera = view.reset_camera
        view.update()


with layout:
    with layout.drawer as drawer:
        drawer.width = 325
        vuetify.VBtn(
            "Visualize",
            click=visualize,
        )

    with layout.content:
        html_view_container = vuetify.VContainer(fluid=True, classes="pa-0 fill-height")


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

When the creation of VtkRemoteLocalView is in the visualize callback handler, the view will not render.

[jourdain]

Don't you see several error about missing trame_server?
It seems like you may have several HTML elements that might be missing parent server at instantiation.

You have several way in fixing it but the following should work

def visualize():
    with layout:
       html_view_container.clear()
        with html_view_container:
            view = vtk.VtkRemoteLocalView(cone_renderer(), interactive_ratio=(1,))
            ctrl.view_update = view.update
            ctrl.view_reset_camera = view.reset_camera
            view.update()

[earlsioson]

There is no error. The VtkRemoteView doesn't render. Using your example I tried this....

def visualize():
    with layout:
        html_view_container.clear()
        with html_view_container:
            html.Div("This renders")
            view = vtk.VtkRemoteView(cone_renderer(), interactive_ratio=(1,))
            ctrl.view_update = view.update
            ctrl.view_reset_camera = view.reset_camera
            view.update()

In this case the html.Div renders "This renders" but VtkRemoteView does not.

[jourdain]

Does VtkRemoteView has a size? (height>0)