I have configure the combo box on grid like that
columnKey:"ChartOfAccountId", editorType:'combo', required:true, editorOptions:{ // mode:"dropdown", filteringType:'local', dataSource:dsCOA, textKey:"Title", valueKey:"ID", renderMatchItems:'startsWith', filteringCondition:'contains'
the data save perfectly but when load and I click on the row the combo cell goes blank. When I comment filterType:"local", then it worked fine. This happens amazingly because on some rows it work fine. The defference i found is when ui.editor._oldCellVal=null
;
I have done it but with little extra effor to adding the following line in
editCellStarted event, if (ui.rowAdding == false && ui.columnKey === "ChartOfAccountId") { ui.editor.data().igCombo.text(ui.editor[0].nextSibling.data);
}
Hi shamimafridi,
Thank you for report.The scenario when combo-grid-editor has enabled filtering was missed. The data source and selection was not cleared after possible filtering-action used for previous-edit-cell. In this situation combo contained previously filtered data and initialization of new value/selection might fail.
That has been fixed and update will be available within coming service releases.
Note:If you use separate js files rather than combined/minimized single file, then you may fix that issue on your machine by following change in the ig.ui.grid.updating.js file:1. Open that file in any text editor2. Find member function setValue of $.ig.EditorProviderCombo3. Remove old content which is probably return this.editor.options.allowCustomValue ? this.editor.text((val === null ? (this.editor.options.nullText === null ? "" : this.editor.options.nullText) : val)) : this.editor.value(val);4. Copy/paste following codes: var combo = this.editor, o = combo.options; if (o.filteringType) { combo.selectedIndex(-1); combo.activeIndex(-1); combo.dataBind(); } return o.allowCustomValue ? combo.text((val === null ? (o.nullText || "") : val)) : combo.value(val);
If that will not work or you have any other questions, then I will be happy to help.
How to fix this, if we are using min file?
You may disable filtering or wait until service release with a fix.
Has this issue been resolved with infragistic Ignite Ui 2013.1?
Hi Kevin,
All fixes/improvements in older versions are applied to newer versions as well. That issue should be fixed in 13.1.
I'm having the same issue with Infragistics 16.1. The grid works fine, but as soon as I go into row edit mode the combo field goes blank. When I pick anything from the combo drop down list, it is not populated in the field. I'm currently on the latest Infragistics and Jquery libraries. What am I missing?
modernizr-2.8.3.jsjquery-3.1.0.jsjquery-ui-1.12.0.js
@(Html.Infragistics() .Grid(Model) .ID("igGrid") .Width("600px") .AutoGenerateColumns(false) .AutoGenerateLayouts(false) .RenderCheckboxes(true) .PrimaryKey("ClientProductID") .Columns(column => { column.For(x => x.ClientProductID).Hidden(true); column.For(x => x.ClientID).Hidden(true); column.For(x => x.ProductID).Hidden(true); column.For(x => x.ProductName).HeaderText("Product"); column.For(x => x.ProductVersionID).HeaderText("Version").FormatterFunction("lookupVersion"); column.For(x => x.Active).HeaderText("Active"); column.For(x => x.InstalledVersion).HeaderText("Installed"); }) .Features(f => { f.Sorting().Mode(SortingMode.Single); f.Updating() .ColumnSettings(cs => { cs.ColumnSetting().ColumnKey("ClientProductID").ReadOnly(true); cs.ColumnSetting().ColumnKey("ClientID").ReadOnly(true); cs.ColumnSetting().ColumnKey("ProductID").ReadOnly(true); cs.ColumnSetting().ColumnKey("ProductName").ReadOnly(true); cs.ColumnSetting().ColumnKey("ProductVersionID").EditorType(ColumnEditorType.Combo).Required(true).ComboEditorOptions(co => { co.DataSource(ViewBag.ProductVersion); co.ValueKey("ProductVersionID"); co.TextKey("VersionNumber"); co.EnableClearButton(false); co.Mode(ComboMode.DropDown); }); cs.ColumnSetting().ColumnKey("ProductVersionName").ReadOnly(true); cs.ColumnSetting().ColumnKey("Active").EditorType(ColumnEditorType.Checkbox); cs.ColumnSetting().ColumnKey("InstalledVersion").ReadOnly(true); }) .EnableAddRow(false) .EnableDeleteRow(false) .EditMode(GridEditMode.Row); }) .UpdateUrl(Url.Action("UpdateClientProduct")) .DataBind() .Render())
I changed the jquery references to something older and now everything works.
jquery to 1.91
jquery-ui 1.10.3