Views and tabs¶
Views and tabs are stored under Resources/public/js/components. A view is a javascript-component which gets registered in combination with a route.
Main-views¶
Essentially you’re free to render and do whatever you want in a view-component. Yet you’ll most often find yourself doing the following things with a view-component.
- Using the header-hook to get a neat little header rendered into your view component
- Writing methods which implements behaviour which stays the same over all tabs
- Communicating with your tab-components via events.
Tab-views¶
When using the header-hook you’ll also have the possibility to register tabs. Tabs are nothing more and nothing less than again javascript-components. The files for the tab-components get created in sub-folders of the main-view. So lets say we have a main view under Resources/public/js/components/list. After adding a details-tab and a settings tab, the structure in the list folder looks the following
- main.js - This is the main-view where the header is rendered via the header-hook
- details/main.js - The js-component of the details-tab
- settings/main.js - The js-component of the settings-tab
