ViewInView
No edit summary
No edit summary
Line 5: Line 5:
[[File:2024-07-18 16h56 20.png|alt=Mounted ViewModel Example|none|thumb|830x830px]]
[[File:2024-07-18 16h56 20.png|alt=Mounted ViewModel Example|none|thumb|830x830px]]


1. Create the the View to be mounted, the view should be rooted for instances attributes.
1. Create the the ViewModel to be mounted, the ViewModel should be rooted for instances attributes.
[[File:2024-07-18 16h43 56.png|alt=View to be mounted|none|thumb|803x803px]]
[[File:2024-07-18 16h43 56.png|alt=View to be mounted|none|thumb|803x803px]]
2. Goto the category page and add the ViewInView widget to page by selecting it from the options on the right and drawing it on the page.
2. Goto the category page and add the ViewInView widget to page by selecting it from the options on the right and drawing it on the page.

Revision as of 14:00, 18 July 2024

The ViewInView feature is a way to bring in a view within a view. Another way to add Nested ViewModel that does not use the table grid. ViewInView uses the mount strategy to add Nested ViewModels. The Mounted ViewModel is merged into the view where it is mounted.

Example

Showing a category and it's products without using the Nested ViewModel.

Mounted ViewModel Example

1. Create the the ViewModel to be mounted, the ViewModel should be rooted for instances attributes.

View to be mounted

2. Goto the category page and add the ViewInView widget to page by selecting it from the options on the right and drawing it on the page.

3. Set the Column Name

4. Set the expression for the data to be loaded in the Mounted View Model.

5. Set the ViewModel property to the ViewModel to be mounted.

Example of ViewInView feature
This page was edited 46 days ago on 07/30/2024. What links here