I am facing issue with validation in Edit Row Template window of IgGrid in below scenario.
1)I have 2 fields mandatory in Edit Row template window,combo with checkboxes and textbox.
2) When i first entered value in textbox and then i checked 1 value in combo the done button is not enabled.
Can you please help on this?
Hello Mohammed,
Thank you for posting in our forum.
Providing me with some more detailed information regarding this issue would be appreciated and would allow me to give you a more precise answer:
I have attached an isolated code sample. Please run it on your side and see if this behavior would occur again? If it doesn’t – feel free to modify it so that it resembles your own project more closely and in case the problem reproduces – please send it back so I could debug on my side and find the root of the problem.
rowEditing.zip
If you need any additional assistance, feel free to contact me.
Hi thank you for the update PFB my comments
>>> Yes i enabled addnewrow ,editmode,enabledeleterow features.
>>>IGCombo settings
defaultValue: "", editorOptions: { allowCustomValue: true, required: true, textKey: "Name", valueKey: "Id", autoComplete: true, dataSource: , itemSeparator: '/', multiSelection: "onWithCheckboxes" }
>>> IgTexteditor settings
olumnKey: "", defaultValue: defaultDescription,validation: true, required: true
>>>14.2.20142.2140
Any update on this is there any fix available on that version?
Hello Ghouse,
I was able to reproduce this behavior on my side, it turns out this is an issue that has been fixed in versions 15.1 and latter.
As there are no scheduled Service Releases for version 14.2, and it is not officially supported anymore, what I would suggest is that you upgrade the product to the latest version – this would not only fix the problem, but you would also have the benefit of all the improvements that were made to the grid features in the last 4 years.
Infragistics provides 3 years of developer support for Ignite UI: 1 year of product service releases, which contain the latest bug fixes, and two more years of support to the customers afterwards - with information regarding the product/help with the setup.
More details on the product lifecycle may be found here:
https://www.infragistics.com/support/product-lifecycle
Best Regards,
Vasil Pavlov
Associate Software Developer
Infragistics, Inc.
Thank you for the update,ok we have infragistics 2016.2 version, so can you please change the file (rowediting.zip) you have send to the 2016.2 version and resend it so that i can follow it accordingly.
I have changed the CDN links and modified the sample accordingly - it now loads Ignite UI 16.2.
Here is the zip file:
rowEditingModified2.zip
Thank you for the update i am getting below issue in my project when i upgrade it
Uncaught TypeError: Cannot read property 'settings' of undefined
at HTMLDocument.<anonymous> (715418:478) at fire (jquery-1.9.1.js:1037) at Object.fireWith [as resolveWith] (jquery-1.9.1.js:1148) at Function.ready (jquery-1.9.1.js:433) at HTMLDocument.completed (jquery-1.9.1.js:103)(anonymous) @ 715418:478fire @ jquery-1.9.1.js:1037fireWith @ jquery-1.9.1.js:1148ready @ jquery-1.9.1.js:433completed @ jquery-1.9.1.js:103:59072/__browserLink/requestData/7cb8e4a510d944889e53bde937120520?version=2:1 Failed to load resource: the server responded with a status of 404 (Not Found)2infragistics.lob.js:150 Uncaught TypeError: describedBy.split is not a function at e.(anonymous function).(anonymous function)._mouseClickEventHandler (cdn-na.infragistics.com/.../infragistics.lob.js:150:10797) at e.(anonymous function).(anonymous function)._mouseClickEventHandler (code.jquery.com/.../jquery-ui.min.js:6:7983) at HTMLTableElement.click (infragistics.lob.js:150) at HTMLTableElement.dispatch (jquery-1.11.3.min.js:4) at HTMLTableElement.r.handle (jquery-1.11.3.min.js:4)
Above error i am getting when i clicked Addnewrow can you please help?
Also we have implemented the Addnew row using popup here is the old code can you please modify based on this.
@*$(function () {
$("#FigureAnimation").igGrid({ primaryKey: "Id", updateUrl: "", autoCommit: true, width: "100%", height: "400px", autoGenerateColumns: false, columns: [
{ key: "Id", headerText: "", dataType: "number", hidden: true }, { key: "DocumentId", headerText: "", dataType: "number", hidden: true }, { key: "FunctionName", headerText: "Function Name", dataType: "string", width: "130px" }, { key: "FunctionNumberId", headerText: "Function Number", dataType: "string", width: "130px" },//,formatter: ], features: [ { name: "Updating", enableAddRow: true, inherit: true, editMode: "rowedittemplate", rowEditDialogContainment: "window", rowEditDialogHeight: "640px", rowEditDialogContentHeight: "536px", rowEditDialogWidth: "700px", rowEditDialogFieldWidth: "280px", showReadonlyEditors: false, enableDeleteRow: true, enableDataDirtyException: false, rowEditDialogRowTemplateID: "rowEditDialogRowTemplate1", columnSettings: [ { columnKey: "Id", editorOptions: {readOnly: true } }, { columnKey: "DocumentId", defaultValue: @Model.DocumentId, editorOptions: { readOnly: true } }, { columnKey: "FunctionName", defaultValue: defaultDescription,validation: true, required: true },
{ columnKey: "FunctionNumberId", editorType: "combo",validation:true,required: true, defaultValue: "0", editorOptions: { allowCustomValue: true, textKey: "Name", valueKey: "Id", autoComplete: true, dataSource: functionNumberList, multiSelection: { enabled: true, showCheckboxes: true } } }, defaultValue: 0, editorOptions: { required: true, textKey: "Name", valueKey: "Id", mode: "dropDown", autoComplete: true, dataSource: cardTypeList } }, { columnKey: "CylinderId", editorType: "combo", defaultValue: 0, editorOptions: { required: true, textKey: "Name", valueKey: "Id", mode: "dropDown", autoComplete: true, dataSource: cylinderList } },
], rowEditDialogOpened: function (event, ui) { var comboInput1 = $("td[data-key='FunctionNumberId']").find('input'); var value1 = comboInput1.data('igCombo').options.value; comboInput1.igCombo('text', value1);//getfunctionNumberName(value1)
}, }, { name: "Sorting", type: "local", customSortFunction: sortFigureAnimation, mode: "single", columnSettings: [ { columnKey: "FunctionName", currentSortDirection: "ascending" } ] }, { name: "Tooltips", columnSettings: [ { columnKey: "Id", allowTooltips: false }, { columnKey: "DocumentId", allowTooltips: false }, { columnKey: "FunctionNumberName", allowTooltips: true }, { columnKey: "FunctionName", allowTooltips: true }, ], visibility: "always", showDelay: 500, hideDelay: 300, tooltipShowing: function(e, args) { if (canEdit) { var id = $($('#FigureAnimation_table tr')[args.index]).attr("data-id"); var matches = $.grep(gridItems, function(item, index) { return (item.Id == id)}); var item = matches[0]; args.tooltip = item.Tooltip; } }, tooltipShown: function(e, args) { var tooltipMaxWidth = "350px"; $($('#FigureAnimation_table_tooltips')[0]).css("max-width", tooltipMaxWidth); } } ], dataSource: gridItems }); });*@
Anyone can help on this issue we are still facing this issue, can you please provide any javascript in 2014 version itself because our application is huge an its impacting many areas when tried to upgrade. We are planning to upgrade later.
I am sorry for the delay in replaying: we do not support Ignite UI version 14.2 anymore, and would not be able to provide custom builds or bug fixes for it.
Upgrading your product to Ignite UI 18.2 would not only fix this issue for you, but it would also give you 3 years of developer support, of which the first year includes product Service Releases and bug fixes.
Hi,
No problem. We upgraded to 2016 and faced a new problem in this version. That is When I select multiple values from combo, it is showing only one value in grid when I hit "Done. Please help me to fix that issue in 2016.
Also In that sample, you have added "ScriptPath" which is calling all JS files (http://cdn-na.infragistics.com/igniteui/2018.2/latest/js/) . But Can you please tell me what are all the JS and CSS files are required separately? So that we can try to add those references.