Bug with IE10. I installed IE10 and the page does not show the data anymore

[andymagerMember]

This code was working fine in chrome and firefox until i installed IE10 , then no data in the chrome and firefox .
I have windows 7 ultimate 64 bit . After installation of IE10 the code below is not working at all in all browsers .
This is a bug .

==============
{ name: ‘UNIT_SUPPLIER11’ , value: ‘UNIT_SUPPLIER’, values: { source: unit_adapter.records, value: ‘UNIT_ID’, name: ‘UNITNAME’
,autoOpen: true, dropDownHeight: 250 , AutoComplete: true , }
},
==============

$(document).ready(function ()
{
var theme = getDemoTheme();
var unit_source =
{
datatype: “json”,
datafields: [
{ name: ‘UNIT_ID’ ,type: ‘string’ },
{ name: ‘UNITNAME’ ,type: ‘string’}
],
cache: false,
async: false,
type: ‘POST’,
url: ‘php/general/units.php’,
}
var unit_adapter = new $.jqx.dataAdapter(unit_source, {autoBind: true});
var gridSource =
{
datatype: “json”,
datafields: [
{ name: ‘QUOTATION_PART_ID’ },
{ name: ‘QUOTATION’ },
{ name: ‘QUOTATION_ITEM_NO’ },
{ name: ‘PART_NO_SUPPLIER’ },
{ name: ‘PART_DESC_SUPPLIER’ },
{ name: ‘QUANTITY_SUPPLIER’ },
{ name: ‘UNIT_SUPPLIER’},
{ name: ‘UNIT_SUPPLIER11’ , value: ‘UNIT_SUPPLIER’, values: { source: unit_adapter.records, value: ‘UNIT_ID’, name: ‘UNITNAME’ ,autoOpen: true,
dropDownHeight: 250 , AutoComplete: true , }},
],
cache: false,
//async: false,
url: ‘test.php’,
data: { quotation: 14381 , enquiry_part: 1007 },
type: ‘POST’,
//autoBind: true
}
//————————————————————————–
var gridAdapter = new $.jqx.dataAdapter(gridSource);

$(“#jqxgrid”).jqxGrid(
{
width: 900,
source: gridAdapter,
theme: theme,
selectionmode: ‘singlecell’,
autoheight: true,
editable: true,
columns: [
{ text: ‘No’ ,datafield:’QUOTATION_ITEM_NO’ ,width: ’40’, columntype:’text’, cellsalign: ‘center’, align: ‘center’ },
{ text: ‘Part No.’ ,datafield:’PART_NO_SUPPLIER’ ,width: ‘150’, columntype:’text’},
{ text: ‘P’ ,datafield:’PART_NO’ ,width: ’40’, columntype:’text’},
{ text: ‘Description’ ,datafield:’PART_DESC_SUPPLIER’ ,width: ‘250’, columntype:’text’},
{ text: ‘D’ ,datafield:’PART_DESC’ ,width: ’40’, columntype:’text’},
{ text: ‘Qty’ ,datafield:’QUANTITY_SUPPLIER’ ,width: ’50’, columntype:’text’},
{ text: ‘Q’ ,datafield:’QUANTITY’ ,width: ’40’ ,columntype:’text’},
{ text: ‘Unit’, source: unit_adapter, datafield: ‘UNIT_SUPPLIER’, displayfield: ‘UNIT_SUPPLIER11’ , columntype: ‘dropdownlist’ , // dropdownlist combobox
initeditor: function (row, value, editor)
{
editor.jqxDropDownList( //jqxComboBox jqxDropDownList
{ source: unit_adapter,
displayMember: ‘UNITNAME’,
valueMember: ‘UNIT_ID’ ,
autoOpen: true, dropDownHeight: 250 , //remoteAutoComplete: true , // remoteAutoCompleteDelay: 10,
//selectedIndex: cellvalue,
}
);
}
}
]
}
);
$(“#jqxgrid”).on(‘cellselect’, function (event) {
var column = $(“#jqxgrid”).jqxGrid(‘getcolumn’, event.args.datafield);
var value = $(“#jqxgrid”).jqxGrid(‘getcellvalue’, event.args.rowindex, column.datafield);
var displayValue = $(“#jqxgrid”).jqxGrid(‘getcellvalue’, event.args.rowindex, column.displayfield);

$(“#eventLog”).html(“

Selected CellRow: ” + event.args.rowindex + “, Column: ” + column.text + “, Value: ” + value + “, Label: ” + displayValue + “

“);
});
$(“#jqxgrid”).on(‘cellendedit’, function (event) {
var column = $(“#jqxgrid”).jqxGrid(‘getcolumn’, event.args.datafield);
if (column.displayfield != column.datafield) {
$(“#eventLog”).html(“

Cell Edited:Index: ” + event.args.rowindex + “, Column: ” + column.text + “Value: ”
+ event.args.value.value + “, Label: ” + event.args.value.label
+ “Old Value: ” + event.args.oldvalue.value + “, Old Label: ” + event.args.oldvalue.label + “

”
);
}
else {
$(“#eventLog”).html(“

Cell Edited:Row: ” + event.args.rowindex + “, Column: ” + column.text + “Value: ” + event.args.value
+ “Old Value: ” + event.args.oldvalue + “

”
);
}
});
}
);

[Peter StoevKeymaster]

Hi,

Here are the wrong parts in the code that I noticed:

1. var theme = getDemoTheme(); – This should not be done. getDemoTheme as it name implies is a function which is used in the demos for getting a theme’ name depending on the url. The way to apply a Theme is illustrated in our Theme Builder tool and in all of the Styling and Appearance help topics in the Documentation and in the API documentation of each widget.

2. This code below has syntax errors:

{ name: ‘UNIT_SUPPLIER11′ , value: ‘UNIT_SUPPLIER’, values: { source: unit_adapter.records, value: ‘UNIT_ID’, name: ‘UNITNAME’
,autoOpen: true, dropDownHeight: 250 , AutoComplete: true , }
},

The “,” after the last item is a syntax error. There are also no such members as autoOpen, dropDownHeight and AutoComplete.

3. The code in the “initeditor”has syntax errors, too.

4. url: ‘php/general/units.php’, is a syntax error, too. The ‘,’ should be removed.

5. In case you wish from us to test your scenario, then please provide a sample which we will be able to use for testing.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts