ViewInView
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
The ViewInView feature is a way to bring in a view within a view. It is another way to add a Nested ViewModel that does not use the table grid. ViewInView uses the mount strategy to add Nested ViewModels. [[Documentation:Mounted ViewModel|The Mounted ViewModel]] is merged into the view where it is mounted.
The ViewInView feature is a way to bring in a view within a view. It is another way to add a Nested ViewModel that does not use the table grid. ViewInView uses the mount strategy to add Nested ViewModels. [[Documentation:Mounted ViewModel|The Mounted ViewModel]] is merged into the view where it is mounted.
Mounted ViewModels can be used to display data from association links.


=== Example ===
=== Example ===
Line 5: Line 7:
[[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 ViewModel to be mounted, the ViewModel should be rooted for instances attributes.
'''1.''' Create the the ViewModel to be mounted, the ViewModel should be rooted for instance 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.''' Go to 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.''' Go to 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.

Latest revision as of 11:33, 30 July 2024

The ViewInView feature is a way to bring in a view within a view. It is another way to add a 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.

Mounted ViewModels can be used to display data from association links.

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 instance attributes.

View to be mounted

2. Go to 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

The ViewInView widget is also available in the context menu of the ViewModel

2024-07-18 17h03 36.png

Other Pages on ViewModels

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