Autoplay
Autocomplete
Previous lesson
Complete and Continue
Build an Admin Grid in Magento 2
Admin Grids
Overview & expectations of the FAQ module
Preview
5:32
Prep environment for admin grid development
Preview
9:05
Create the module & define dependencies
Preview
4:41
Create admin user resource permissions
Preview
10:22
Create admin menu items
5:20
Create an admin route
3:05
Create an admin controller
6:26
Set an admin page menu & title
3:18
Create a model, resource model & collection
8:39
Create a new database table with columns
10:43
Populate a database table with data
8:33
Create a virtual class for the grid collection
9:40
Create the simplest admin grid
13:39
Exercise: Add additional columns to an admin grid
Implement an alternate component for an admin grid column
6:22
Create an admin grid actions column
7:45
Exercise: Transform the admin actions column into a dropdown
Create an admin edit controller action
2:20
Create an admin delete controller action
11:00
Exercise: Add confirmation dialog to an admin grid delete action
Make an entire admin grid row into a clickable action
5:58
Add paging, column toggles & stickiness to the admin grid
4:37
Add bookmarks to the admin grid & diagnose caching issues
4:19
Exercise: Sort an admin grid by a column value
Add filters to an admin grid
6:27
Set default filters on an admin grid
4:13
Add a fulltext search box to an admin grid
5:16
Add a primary action button to an admin grid
4:32
Create an admin controller for adding new records
2:10
Set up the UI for admin grid inline editing
8:52
Create an admin grid inline edit controller action
14:34
Set up the UI for an admin grid mass action delete
5:37
Handle an admin grid mass action delete submission
8:48
Downloadable archive of the FAQ module
Course feedback & certificate for the Build an Admin Grid in M2 course
Admin Forms
Create a UI Component DataProvider class in PHP
Render the admin form UI Component with page layout XML
Create the structure of an admin form UI Component
UI Component templates & definitions
Define the UI Component namespace & data scope with settings
Define a UI Component Data Provider using dataSource
Define the data source as a dependency to the UI Component
Render a fieldset and text form inputs
Create & render select dropdown form fields
Create a Save button for an admin form UI Component
Create a form save action with pseudo code
Implement the admin form save action logic
Create a Back button to cancel an admin form submission
Creating admin form validation rules
Set up the UI for admin grid inline editing
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock