I have multiple igGrids (2014), all using editMode cell. When I begin editing a cell, then click off the grid, either to another grid or other HTML element, the editCellEnding event is not firing. The event does fire as expected when hitting Enter or tabbing, just not when clicking off the grid. Am I missing a configuration?
Thanks!
Hello John,
Thank you for posting in our community.
The behavior that you are experiencing is expected. The reason is that by design editCellEnded event is fired only when Enter or Tab key is pressed . This will ensure that edit mode is ended and changes are accepted by the grid. Some further information regarding Upodating feature as well as a user interactions chart could be found at the following link:
http://www.igniteui.com/help/iggrid-updating
However, what I can suggest as a workaround for achieving your requirement is handling the blur event or the igEditors and call endEdit method. Basically, the idea is to capture the moment when editors are loosing focus and manually call the method from igGrid`s API to end the edit.
A small sample illustrating my suggestion could be found at the following link:
http://jsfiddle.net/2ga7gm0d/2/
I hope you find my information helpful.
Please let me know if you need any further assistance with this matter.
Thank you for the response. Yes, this is very helpful and confirms my suspicion. I must say, I disagree that the implementation will ensure that edit mode is ended and changes accepted. My users are more likely than not to click into one cell, enter a value, then click off the grid to another page element. In my opinion, something should be done so that when grids lose focus, that all ending events are fired.
Thanks, again for your timely response.
Regards,
John
Hey Phil, I'm the developer who asked the question 8 years ago. I doubt this will help much, but I looked up my old code and found that I dynamically bound to the 'blur' method during a cellSelectionChanged event. Again, this was 2014 code in AngularJs
features: [ { name: "Selection", mode: "cell", cellSelectionChanged: function (evt, ui) { $("td.ui-state-focus").blur(function () { $("td.ui-state-focus").off("blur"); var newValue = ui.editor.igEditor("value"); var oldValue = ui.value; if (oldValue !== newValue) { // [code redacted] } }.bind(this));
Hello, I am currently having the same issue as the user who posted 8 years ago and I don't see anything in the documentation that indicates there is a workaround.
I have a grid where users can enter values and it tabulates changes in a second component outside of the <IgrGrid /> component (React), I need to be able to detect when the grid loses focus (user clicks to a different component) but there doesn't seem to be a way.
If that isn't possible, I could perhaps force the IgrGrid to exit cell edit mode and just ignore that cell edit that's in progress (or force it to update), but I also can't tell if that's possible.
Please advise the best way to make this happen.
I am glad that you find my suggestion helpful.
What I can recommend in case that you would like to see some change in our Updating functionality in the future versions of the controls is logging a produt idea om our product ideas site: http://ideas.infragistics.com
There are many benefits to submitting a product idea:
- Direct communication with our product management team regarding your product idea.
- Notifications whenever new information regarding your idea becomes available.
- Ability to vote on your favorite product ideas to let us know which ones are the most important to you. You will have ten votes for this and can change which ideas you are voting for at any time.
- Allow you to shape the future of our products by requesting new controls and products altogether.
- You and other developers can discuss existing product ideas with members of our Product Management team.
Steps to create your idea:
1. Log into the Infragistics Product Idea site at http://ideas.infragistics.com (creating a new login if needed).
2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)
3. Add your product idea and be sure to be specific and provide as much detail as possible.
The Product Idea site puts you in the driver’s seat and allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.