Transform Magento 2 Admin Grids & Forms
Admin Grids
-
Overview & expectations of the FAQ modulePreview(5:32)
-
Prep environment for admin grid developmentPreview(9:05)
-
Create the module & define dependenciesPreview(4:41)
-
Create admin user resource permissionsPreview(10:22)
-
Create admin menu itemsPreview(5:20)
-
Create an admin routeLocked(3:05)
-
Create an admin controllerLocked(6:26)
-
Set an admin page menu & titleLocked(3:18)
-
Create a model, resource model & collectionLocked(8:39)
-
Create a new database table with columnsLocked(10:43)
-
Populate a database table with dataLocked(8:33)
-
Create a virtual class for the grid collectionLocked(9:35)
-
Create the simplest admin gridLocked(13:39)
-
Exercise: Add additional columns to an admin gridLocked
-
Implement an alternate component for an admin grid columnLocked(6:22)
-
Create an admin grid actions columnLocked(7:45)
-
Exercise: Transform the admin actions column into a dropdownLocked
-
Create an admin edit controller actionLocked(2:20)
-
Create an admin delete controller actionLocked(11:00)
-
Exercise: Add confirmation dialog to an admin grid delete actionLocked
-
Make an entire admin grid row into a clickable actionLocked(5:58)
-
Add paging, column toggles & stickiness to the admin gridLocked(4:37)
-
Add bookmarks to the admin grid & diagnose caching issuesLocked(4:19)
-
Exercise: Sort an admin grid by a column valueLocked
-
Add filters to an admin gridLocked(6:27)
-
Set default filters on an admin gridLocked(4:13)
-
Add a fulltext search box to an admin gridLocked(5:16)
-
Add a primary action button to an admin gridLocked(4:32)
-
Create an admin controller for adding new recordsLocked(2:10)
-
Set up the UI for admin grid inline editingLocked(8:52)
-
Create an admin grid inline edit controller actionLocked(14:34)
-
Set up the UI for an admin grid mass action deleteLocked(5:37)
-
Handle an admin grid mass action delete submissionLocked(8:48)
Admin Forms
-
Create a UI Component DataProvider class in PHPLocked(8:17)
-
Render the admin form UI Component with page layout XMLLocked(3:03)
-
Create the structure of an admin form UI ComponentLocked(1:51)
-
UI Component templates & definitionsLocked(4:30)
-
Define the UI Component namespace & data scope with settingsLocked(2:11)
-
Define a UI Component Data Provider using dataSourceLocked(4:35)
-
Define the data source as a dependency to the UI ComponentLocked(2:48)
-
Render a fieldset and text form inputsLocked(5:14)
-
Create & render select dropdown form fieldsLocked(3:45)
-
Create a save button for an admin form UI ComponentLocked(7:14)
-
Create an admin form save action with pseudo codeLocked(4:16)
-
Implement the admin form save action logicLocked(17:52)
-
Create a back button to cancel an admin form submissionLocked(5:56)
-
Creating admin form validation rulesLocked(2:24)
Make an entire admin grid row into a clickable action
If you're already enrolled, log in to access this lesson.
Enroll in Course to Unlock