Grid inline editing
The Awesome Grid supports inline editing mode. Inline editing enables you to edit the data upon a row click or edit button click, and save the changes either by clicking the save button or exiting the row in case or rowclick edit.
Rows can be saved all at once using batch save, or one by one. Editing can also be performed one row at once instead of having multiple rows in edit mode at the same time.
Rows can be saved all at once using batch save, or one by one. Editing can also be performed one row at once instead of having multiple rows in edit mode at the same time.
Id | Name | Date | Chef | Meals | Bonus Meal | Organic |
4301 | fsf | 11/1/2024 | Naked Chef | Mango | Mango | No | ||
4289 | sfd | 11/14/2024 | Naked Chef | Mango | Apple | No | ||
4287 | sdf | 11/7/2024 | Naked Chef | Mango | Papaya | No | ||
675 | Salad | 10/17/2017 | Omu Man | Papaya, Walnuts | Rice | No | ||
673 | Apples | 7/5/2022 | Hyperion Light | Walnuts, Cauliflower, Buckwheat | Tomato | No | ||
671 | Cookies | 4/19/2018 | Joanna Stan | Banana, Mongongo | Wheat | No | ||
669 | Morning Tea | 2/17/2012 | Bruce Nolan | Banana, Almonds | Artichoke | Yes | ||
667 | Morning meal | 1/9/2013 | Chronos Timpus | Apple, Mongongo | Apple | No | ||
665 | Snacks and movie | 1/13/2018 | Omu Man | Chestnuts, Cucumber, Lettuce | Papaya | Yes | ||
663 | Apero | 4/11/2012 | Gaia Earth | Tomato, Onion, Almonds | Artichoke | Yes |
Inline editing for grid achieved using InlineEdit grid mod
Delete action is the same as in the grid crud demo, using a popup.
To set initial values on create set the initial model as a parameter in the inlineCreate method, example: $grid.data('api').inlineCreate({ Name: 'hi' })
On Save you also get the grid parameters, for example this grid has txtSearchInl as parent, so you get the value of txtSearchInl as 'search' parameter in the Edit/Create post actions
Delete action is the same as in the grid crud demo, using a popup.
To set initial values on create set the initial model as a parameter in the inlineCreate method, example: $grid.data('api').inlineCreate({ Name: 'hi' })
On Save you also get the grid parameters, for example this grid has txtSearchInl as parent, so you get the value of txtSearchInl as 'search' parameter in the Edit/Create post actions
Edit on row click
Id | Name | Date | Chef | Meals | Bonus Meal | Organic |
4301 | fsf | 11/1/2024 | Naked Chef | Mango | Mango | No | ||
4289 | sfd | 11/14/2024 | Naked Chef | Mango | Apple | No | ||
4287 | sdf | 11/7/2024 | Naked Chef | Mango | Papaya | No | ||
675 | Salad | 10/17/2017 | Omu Man | Papaya, Walnuts | Rice | No | ||
673 | Apples | 7/5/2022 | Hyperion Light | Walnuts, Cauliflower, Buckwheat | Tomato | No | ||
671 | Cookies | 4/19/2018 | Joanna Stan | Banana, Mongongo | Wheat | No | ||
669 | Morning Tea | 2/17/2012 | Bruce Nolan | Banana, Almonds | Artichoke | Yes | ||
667 | Morning meal | 1/9/2013 | Chronos Timpus | Apple, Mongongo | Apple | No | ||
665 | Snacks and movie | 1/13/2018 | Omu Man | Chestnuts, Cucumber, Lettuce | Papaya | Yes | ||
663 | Apero | 4/11/2012 | Gaia Earth | Tomato, Onion, Almonds | Artichoke | Yes |
Edit on row click, and save when clicking out if there is are any changes.
When there are validation errors, grid loading (go to another page, sort, group) will be prevented.
When there are validation errors, grid loading (go to another page, sort, group) will be prevented.
Comments