igGrid - IE8 Issue | Infragistics Forums

Now using latest Ingragistics.js and loader js files.

We are receiving a message to supply a primary key and then when this as been done we get message

'Microsoft JScript runtime error: The record with the specified id could not be found in the data view: 0'

The js version is 12.2.20122.2056 - the grid worked OK in IE9 with version 12.2.20122.1021

Could you advise - grid code below.

Thanks in Advance.

function getUnitSurchargesList(UnitRef) {

URL ="/WebServices/Units.svc/GetUnitSurchargesList?strUnitRef=" + UnitRef;

$.ig.loader(

function() {

"#GridTable").igGrid({

columns: [

{ headerText:"SurchargeID", key: "SurchargeID", width: "200px", dataType: "number" , hidden: true},

{ headerText:"Material Ref", key: "MaterialRef", width: "200px", dataType: "string" },

{ headerText:"Current Price", key: "CurrentPrice", width: "200px", dataType: "string" },

{ headerText:"Future Price", key: "FuturePrice", width: "100px", dataType: "string" },

{ headerText:"Effective Date", key: "EffectiveDate", width: "100px", dataType: "string" },

{ headerText:"Inactive", key: "Inactive", width: "50px", dataType: "bool", format: "checkbox" }

width:"850px",

autoGenerateColumns:false,

dataSource: URL,

responseDataKey:"Records",

responseDataType:"json",

responseTotalRecCountKey:"servertotalcount",

renderCheckboxes:true,

rowsRendered:rowsRendered,

primaryKey:"SurchargeID",

features: [{

name:"Selection',

rowSelectionChanging: rowSelectionChanged_handler

{

name:'Paging',

type:'local',

pageSize: 5,

recordCountKey:"servertotalcount",

pageSizeUrlKey:"pageSize",

pageIndexUrlKey:"page",

pageSizeChanging:function(evt, ui) { page = 0;

filterExpr ="";

groupExpr ="";

sortColumn ="";

}

{

name:'Sorting',

type:'local',

firstSortDirection:'descending',

columnSorting: columnSorting_handler

{

name:"Filtering",

allowFiltering:true,

caseSensitive:false,

type:"local",

mode:"advanced",

dataFiltering: dataFiltering_handler

{

name:"Selection"

{

name:"Updating",

startEditTriggers:"dblclick",

editMode: editmode,

enableAddRow: editAccess,

editCellStarted:function(evt, ui) {

switch (ui.columnKey) {

case 'MaterialRef':

if (ui.rowAdding){

ui.editor.igEditor('option', 'readOnly', false);

ui.editor.igEditor('option', 'value', '');

ui.editor.show();

}

else{

ui.editor.hide();

ui.editor.igEditor('option', 'readOnly', true);

}

break;

default:

}

enableDeleteRow: editAccess,

enableDataDirtyException:false,

editRowEnding: editRowEndingSurcharge,

rowDeleting: deletingRowSurcharge,

columnSettings: [{

columnKey:"MaterialRef",

editorOptions:

{

maxLength: 10,

}

{

columnKey:"Inactive",

editorOptions:

{

disabled:true

}

{

columnKey:"EffectiveDate",

editorType:"datepicker",

editorOptions:

{

required:false,

validatorOptions:

{

required:false

}

{

columnKey:"CurrentPrice",

editorType:"numeric",

validation:true,

editorOptions: { maxLength: 10, decimalSeparator:"." }

{

columnKey:"FuturePrice",

editorType:"numeric",

validation:true,

editorOptions: { maxLength: 10, decimalSeparator:"." }

{

columnKey:"MaterialRef",

editorType:"combo",

editorOptions:

{

mode:"dropdown",

dropDownWidth:"300px",

dataSource: MaterialRefJSON,

dataSourceType:"json",

textKey:"Name",

valueKey:"Value",

readOnly:true,

required:true,

validatorOptions:

{

required:true

}

}]

}

]

});

}