Learn how to manually create native pages in Mendix, connect them to your domain model, and display stored data. This guide covers designing lists and detailed views, binding widgets to entities, and fetching records for your mobile app.
Go to MX Studio Pro -> Right click on NativeMobile Module -> Add Page -> Select Native Mobile Page & Give name UserDetails -> Select Blank & in the layout NativePhone_Default(Atlas_Core).
Go to UserDetails Native Page -> Drag & Drop Listview.
Double click on ListView -> go to DataSource tab & select UserDetails entity from database.
Go to Navigation -> Native mobile (tablet & phone) -> Add New Item -> UserDetails & select UserDetails Native Page.
Do one more thing, go to UserDetails Native page -> wrap layoutGrid inside container -> Double click on the container & give card class.
Now save this & run the application.
Similarly create another native page name it PropertyNative.
Go to PropertyNative page & take a dataview -> Double click on dataview & select UserDetails entity as DataSource.
Go to again PropertyNative page -> Drag & Drop a listview inside dataview -> Select Property from Property_UserDetails association as DataSource.
Go to UserDetailsNative Page -> double click on listview -> Under General tab select show a page as onClick action & select PropertyNative Page.
Now save this & run the application.
Click on any row to view the associated data for that object, which you added earlier through the Web Overview pages.
Conclusion:
I hope this article has helped you understand How to make & use multiple Native pages.
Thanks for reading this! See you in the next blog post.