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,
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.
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.
hi,
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.
yours.
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?
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