I am trying to move all of the edit/delete/add/update functions out of the grid itself into separate buttons outside of the grid. I want to keep the grid itself as empty as possible from all of the extra UI features. For example, I would like the user to be able to highlight a row on the grid, then click a button that is outside of the grid and that sets the grid into a "update mode" where that row becomes editable until they click the same button again. How would I accomplish this?
Hi Ryan,
I need to implement the same functionality. can you please help with some code example on how you have done it.Actually i need to make the selected rows inside grid editable for the user on click of some button and then on click of some button user should be able to save all rows at once.
Thanks,
Vishal
Hello,
I am glad that you have found a way to achieve your requirement with an alternative approach.
However, igGrid updating feature is easy to use and configure and I believe it could be used for achieving your requirement as well. I assume that you will find the following articles from our documentation useful:
Updating (igGrid)
Updating Overview (igGrid)
Row Edit Template Overview (igGrid)
I hope you will find this information useful.
Please feel free to contact me if you have any additional questions or concerns.
I couldn't make heads or tails of the documentation and was having the same problem as you so what I ended up doing was using a button to fire off an event that used a custom-templated bootstrap modal that I styled to look exactly like the row needing to be edited that I placed over the top of the row that I expected to be edited - I bound the input fields into an angular controller and when the user finished editing I destroyed my fake row and passed the values from those fields back into the ig grid's update API to for a data update without ever being able to actually get the grid itself into edit mode that I wanted.
Hope this helps
Hello HKL,
Thank you for posting in our community.
A sample illustrating how editing functionalities could be achieved outside of the grid could be found at:
http://igniteui.com/grid/editing-api-events
This sample demonstrates how the Updating interactions could be performed outside the grid itself using inputs, buttons etc.
Please have a look at this application and let me know whether it helps you achieve your requirements. Do not hesitate to contact me if you have any additional questions afterwards.