How to ensure that the midpoint of the VTU file is in the new model and that the model size fits the window size when reloading the VTU file in the program?

[scutlemon]

When reloading the VTU file in the program, the VTU model is not centered and the size is not suitable for the window size。
The following code also does not take effect。

renderer.ResetCamera()
renderer.ResetCameraClippingRange()
render_window.Render()
html_view.update()

[scutlemon]

from trame.app import get_server
from trame.ui.vuetify import VAppLayout
from trame.widgets import vuetify, vtk as vtk_widgets
import vtk
import os

server = get_server(client_type="vue2")
state = server.state

reader = vtk.vtkXMLUnstructuredGridReader()
mapper = vtk.vtkDataSetMapper()
actor = vtk.vtkActor()
renderer = vtk.vtkRenderer()
render_window = vtk.vtkRenderWindow()

def initialize_pipeline():
    global mapper, actor, renderer, render_window
    # 创建 Mapper 和 Actor
    mapper = vtk.vtkDataSetMapper()
    # ini null data
    empty_data = vtk.vtkUnstructuredGrid()
    mapper.SetInputData(empty_data)  #

    actor.SetMapper(mapper)
    #
    render_window.AddRenderer(renderer)
    renderer.AddActor(actor)
    renderer.SetBackground(0.2, 0.2, 0.2)
    renderer.ResetCamera()


initialize_pipeline()

def load_vtu_file(file_path):
    global reader, mapper, renderer, render_window

    reader.SetFileName(file_path)
    reader.Update()
    data = reader.GetOutput()

    mapper.SetInputData(data)
    mapper.Update()

    renderer.ResetCamera()
    renderer.ResetCameraClippingRange()
    render_window.Render()

    if data.GetPointData().GetNumberOfArrays() > 0:
        array = data.GetPointData().GetArray(0)
        scalar_range = array.GetRange()
        mapper.SetScalarRange(scalar_range)

    html_view.update()

def on_file_select(file_path):
    f = os.path.join(os.path.abspath(os.path.dirname(__file__)), "data/" + file_path)
    if os.path.exists(f):
        load_vtu_file(f)
    else:
        print(f"file not exists: {file_path}")


with VAppLayout(server):
    with vuetify.VContainer(fluid=True, classes="fill-height pa-0"):
        with vuetify.VRow(classes="fill-height"):
            with vuetify.VCol(cols=3, classes="pr-4"):
                vuetify.VTextField(
                    v_model=("vtu_file", "Job-12_BOLT-1-RAD-22.vtu"),
                    label="VTU path",
                    dense=True,
                    hide_details=True,
                )
                vuetify.VBtn(
                    "load data",
                    click=lambda: on_file_select(state.vtu_file),
                    classes="mt-2",
                )

            with vuetify.VCol(cols=9, classes="fill-height"):
                html_view = vtk_widgets.VtkLocalView(render_window)
                html_view.update()

if __name__ == "__main__":
    load_vtu_file(os.path.join(os.path.abspath(os.path.dirname(__file__)), "data/Job-12_BOLT-1-RAD-22.vtu"))
    server.start()

[scutlemon]

first vtu:

second vtu :

after refresh the page :

[jourdain]

I see, when using the local view, we don't really care about the server side camera. You need to call reset camera on the client side once the model is fully loaded.

[scutlemon]

Thank you for your professional response.
I am a novice in tram and not very familiar with its specifications.
About "call reset camera on the client side once the model is fully loaded." , how do I write this code? Could you give the code for me ?
How to modify this code if using VtkRemoteLocalView? Thank you for your guidance.

[jourdain]

Before trying to provide a solution that might not be relevant to your needs, could you explain your choice for the rendering widget between VtkRemoteView, VtklocalView and VtkRemoteLocalView?

Otherwise, you can do the following to trigger a reset camera

ctrl = server.controller

html_view = vtk_widgets.VtkXXXXX(render_window)
ctrl.view_update = html_view.update
ctrl.view_reset_camera = html_view.reset_camera

# somewhere else when needed
ctrl.view_reset_camera()

[scutlemon]

I modified the code, but after loading the model, it didn't show up. Even after refreshing the page, it didn't show up and there were errors.

modified load_vtu_file method code :

def load_vtu_file(file_path):
global reader, mapper, renderer, render_window

print("load_vtu_file start ....")
reader.SetFileName(file_path)
reader.Update()
data = reader.GetOutput()

mapper.SetInputData(data)
mapper.Update()

renderer.ResetCamera()
renderer.ResetCameraClippingRange()
render_window.Render()

if data.GetPointData().GetNumberOfArrays() > 0:
    array = data.GetPointData().GetArray(0)
    scalar_range = array.GetRange()
    mapper.SetScalarRange(scalar_range)

ctrl = server.controller

html_view = vtk_widgets.VtkLocalView(render_window)
ctrl.view_update = html_view.update
ctrl.view_reset_camera = html_view.reset_camera

#ctrl.view_update() # I've tried this before, but it doesn't work either
#html_view.update() # I've tried this before, but it doesn't work either
ctrl.view_reset_camera()

print("load_vtu_file over....")

[scutlemon]

page do not show .

[jourdain]

Before trying to provide a solution that might not be relevant to your needs, could you explain your choice for the rendering widget between VtkRemoteView, VtklocalView and VtkRemoteLocalView?

Still no answer ?

Keep in mind that you can use our professional support for helping you getting result faster.

[scutlemon]

Because it can display normally after refreshing, I used code to make the browser refresh。
layout：
client_triggers = trame.ClientTriggers(
ref="ref_name",
reload="window.location.reload()",
)
ctrl.call = client_triggers.call

state change:
ctrl.call("reload")

[bigzoss]

have you solved this problem

[jourdain]

The answer is to call reset camera once the model is loaded on the client side. Or reset the camera on the server side and push the camera to the client.