Hello,
1. issue:
we set the value of igEditior with BLOCKED SCRIPT $("#" + gridId).igGridUpdating("editorForKey", colKey).igEditor("value", value);
the cell the value is set to has validation rules: required true, and minValue;1.0
columnKey: "Gewicht", readOnly: false, validation: true, required: true, editorOptions: { required: true, minValue: 1.0, minDecimals: 2, maxDecimals: 2, validatorOptions: { required: true, min: 1.0, enableTargetErrorCss: true, keepFocus: 0, onchange: true, onblur: true } }
problem: is seems that validation is not triggerd if value is set by javascript, because the "done" button is not set to active.
I have to click into the cell and change the value by hand to trigger the enabling of the "done" button.
any idea how to solve this by javascript?
http://1drv.ms/1pIjgMe
screenshot, all columns with validators active are filled and validation requirements fullfilled. if i type into any cell, the "done" button gets activated.
2. issue:
if I click into this "Gewicht" column, (which is required) and I do not anything, I'm not able to leave that cell until I enter anything (neither by mouse nor by keyboard). the keepFocus setting does not work at all.
any idea?
kind regards.
Hello Max,
Thank you for contacting Infragistics!
I have done some looking into this matter and have some questions concerning this matter. Is there a reason you are entering edit mode on the cell/row when you are setting the value programmatically? Why are you going through the editor to set the value instead of using setCellValue of the Updating behavior?
http://help.infragistics.com/jQuery/2014.1/ui.iggridupdating#methods:setCellValue
Where are you getting the value that you set into the value of the editor/cell?
hi,
When the valueChanged event of an specific editor is fired, we use the entered value of that cell and do an ajax request do get some additional values from the server. afterwards, we use our setCellValue function (which is a wrapper of the igGridUpdating or the .igEditor("value", value) function, depends on whether we want to set a cell value in a new or existing row) to set the values into the cells.
so user enters a customer id and all additional customer fields are set by javascript (if customer id exists). If customer id does not exist, the user has to type the cell values in and we need to validate the required fields. if all required fields are filled (no matter whether the user typed it in or the cells got filled by javascript), "Done" button should work.
The "Done" button does not work, but I can hit return/enter to save/commit (same as clicking done) the line.
any chance to trigger the "set done button active if all cells are validated positively" method? any other idea how to solve this?
calling the endEdit method after cells got set by javascript is no solution because the user should be able to change cells before clicking "done".
yours.
concerning the keepFocus issue: I debugged into igEditor("option").validatorOptions and there keepFocus is set to 2, but I definitly set it in the igGrid init script (via igLoader) to 0. Something changes the validator settings, and it's not us explicitly somewhere. there has to be an igGrid issue or some sideeffects with something else (knockout validators?!).
please look at that issue. thanks.
http://1drv.ms/1xMlqi3
Thank you for the update. When I run the modified version of the sample I am still unable to reproduce the issue you are seeing. I have tested this in Chrome, Firefox, and IE10. What browser are you seeing this issue in? Can you provide me with the exact steps you use to reproduce this issue?
did you watch my screenrecording here http://recordit.co/ApeCi7yBXm ? I just redownloaded my sample and tried in recent FF, Chrome and IE10 and all browsers showed the same issue as my screenrecording does.
Usecase: click add a new row, fill in a product number and click into name cell. "bologna" gets inserted into the name cell and the required validator is fullfilled now, but the "Done" button is deactivated.
please try it again.
Thank you for the update. I have done some further looking into this matter and have been able to reproduce the behavior you are seeing. I have logged this with our development team with the ID TFS 177429 for further investigation. I have created a private case for this matter to send you further updates concerning this matter.
I have received an update from the development team concerning this matter. There are currently looking into how this may be resolved. As a workaround the following is offered:
The reason this is occurring is setting the value through the editor does not throw the events. The workaround is to do the Updating’s work in the event handler:
valueChanged: function (evt, ui) { $("#grid1").igGridUpdating("editorForKey", "Name").igEditor("value", "bologna"); var buttonDone = $(".done_id"); if ($("#grid1").igGridUpdating("findInvalid")) { buttonDone.addClass("ui-iggrid-buttondisabled ui-state-disabled"); } else { buttonDone.removeClass("ui-iggrid-buttondisabled ui-state-disabled"); } }
valueChanged: function (evt, ui) {
$("#grid1").igGridUpdating("editorForKey", "Name").igEditor("value", "bologna");
var buttonDone = $(".done_id");
if ($("#grid1").igGridUpdating("findInvalid")) {
buttonDone.addClass("ui-iggrid-buttondisabled ui-state-disabled");
} else {
buttonDone.removeClass("ui-iggrid-buttondisabled ui-state-disabled");
}
Please let me know if you have any further questions concerning this matter.