open object element in react pimcore studio

[harshida-patel]

which event we have use for react pimcore studio similar to pimcore.helpers.openElement(objectId);

[markus-moser]

Not really an event, but we have several possibilities. The main used variant/recommended way is this use hook:

import { useElementHelper } from '@pimcore/studio-ui-bundle/modules/element'
...
const { openElement } = useElementHelper()

openElement({
  type: 'data-object',
  id: 1
})

For this specific case we would also have a method in our global PimcoreStudio window API:

window.PimcoreStudio.element.openElement(1,'data-object')

[markus-moser]

This cannot be the case - has nothing to do with the layout

[markus-moser]

When do you initiate this whole thing? During booting of studio or when studio is already loaded? Only during booting the timing might be relevant.

[markus-moser]

Just to be sure - for the use hook itself (const { openElement } = useElementHelper()) you do not violate the rules of hooks from React?
https://react.dev/reference/rules/rules-of-hooks

[harshida-patel]

Hi @markus-moser is there any sdk for reloadTree()

[markus-moser]

You could use the element tree slice for this. This refreshes the root node and therefore the whole tree, but you could also refresh a single node:

import { elementTreeSlice } from '@pimcore/studio-ui-bundle/components'

const { refreshNodeChildren } = elementTreeSlice

const dispatch = useAppDispatch()
dispatch(refreshNodeChildren({ nodeId: '1', 'data-object' }))