Exception thrown and not caught (Invalid property) jqxcore line 7 char 1712

[larotechMember]

Hello,

I had this code working in version 2.6.1 and want to upgrade to 2.8.3 but I get the error Exception thrown and not caught (Invalid property) jqxcore line 7 char 1712, and the grid will not render.

function handleResponse(response) {
var data = eval(response);

//Department owner drop down list data source
var ddlDepOwnerValues = [{ “Id”: 0, “Display”: “xxxxxx xxxxx” }, { “Id”: 1, “Display”: “xxxx xxxx” }, { “Id”: 2, “Display”: “”}];
var ddlDepOwner = {
dataType: ‘json’,
localdata: eval(ddlDepOwnerValues),
datafields: [
{ name: ‘Id’ },
{ name: ‘Display’ }
],
id: ‘Id’
};
var ddlDepOwnerAdapter = new $.jqx.dataAdapter(ddlDepOwner, { autoBind: true, async: false });
//Geo Location drop down data source
var ddlGeoLocationValues = [{ “Id”: 0, “Display”: “Canada” }, { “Id”: 1, “Display”: “US” }, { “Id”: 2, “Display”: “”}];
var ddlGeoLocation = {
dataType: “json”,
localdata: eval(ddlGeoLocationValues),
datafields: [
{ name: ‘Id’ },
{ name: ‘Display’ }
],
id: ‘Id’
};
var ddlGeoLocationdataAdapter = new $.jqx.dataAdapter(ddlGeoLocation, { autoBind: true, async: false });

//Data table for Fields
url = ‘http://xxxxxx/xxx/WebService/xxxxxx.ashx’, //Initializing the source property
source = {
dataType: ‘json’,
localdata: data,
cache: true,
datafields: [
{ name: ‘ColumnID’, type: ‘int’},
{ name: ‘ColumnName’, type: ‘string’ },
{ name: ‘ColumnLabel’, type: ‘string’ },
{ name: ‘FormTab’, type: ‘string’ },
{ name: ‘FormChildContainer’, type: ‘string’ },
{ name: ‘DepartmentOwner’, type: ‘string’ },
{ name: ‘GeoLocation’, type: ‘string’ },
{ name: ‘Roles’, type: ‘string’ },
{ name: ‘isCalculated’ },
{ name: ‘ColumnDesc’, type: ‘string’ },
{ name: ‘RolesCanEdit’, type: ‘string’ },
{ name: ‘ColumnType’, type: ‘string’ },
{ name: ‘DataOwner’, type: ‘string’ }
],
updaterow: function (rowid, rowdata) {

$.ajax({
type: ‘POST’,
dataType: ‘jsonp’,
cache: false,
contentType: ‘application/json; charset=utf-8’,
url: ‘http://xxxxxxx/xxx/WebService/xxxx.ashx’,
data: { RowData: JSON.stringify(rowdata) },
success: function (data, status, xhr) {
// dataAdapter.dataBind();

if (data == “”)
{
alert(JSON.stringify(data));
}

//if (data == “post” && dataAdapter != undefined)
//{
//dataAdapter.dataBind();
//}
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});
}
};
//Preparing the data for use by adding to a data adapter
var dataAdapter = new $.jqx.dataAdapter(source);

$(“#jqxgrid”).jqxGrid({
source: dataAdapter,
theme: ‘classic’,
width: ‘100%’,
editable: true,
columnsresize: true,
editmode: ‘click’,
height: ‘100%’,
sortable: true,
filterable: true,
cache: true,
id: ‘ColumnID’,
selectionmode: ‘singlecell’,
columns: [
{ text: ‘Column ID’, dataField: ‘ColumnID’, width: 80, editable: false, hidden: false, cellsformat: ‘n’ },
{ text: ‘Column Name’, dataField: ‘ColumnName’, width: 240, editable: false, hidden: true },
{ text: ‘Field Label’, dataField: ‘ColumnLabel’, width: 280, editable: false, pinned: true },
{ text: ‘Description / Purpose’, columntype: ‘textbox’, dataField: ‘ColumnDesc’, width: 280, editable: true },
{ text: ‘Field Type’, columntype: ‘textbox’, dataField: ‘ColumnType’, width: 280, editable: false },
{ text: ‘Formview Tab’, dataField: ‘FormTab’, width: 200, editable: false },
{ text: ‘Formview Container’, dataField: ‘FormChildContainer’, width: 200, editable: false },
{ text: ‘Department Owner’, columntype: ‘dropdownlist’, dataField: ‘DepartmentOwner’, width: 140, editable: true,

initeditor: function (row, cellvalue, editor) {
editor.jqxDropDownList({ displayMember: ‘Display’, source: ddlDepOwnerAdapter });
}

},
{ text: ‘US/Canada’, columntype: ‘dropdownlist’, dataField: ‘GeoLocation’, width: 100, editable: true,

initeditor: function (row, cellvalue, editor) {
editor.jqxDropDownList({ displayMember: ‘Display’, source: ddlGeoLocationdataAdapter });
}
},
{ text: ‘Data Owner’, columntype: ‘textbox’, dataField: ‘DataOwner’, width: 200, editable: true },
{ text: ‘Calculated’, dataField: ‘isCalculated’, width: 80, editable: false },
{ text: ‘Editable By Role(s)’, dataField: ‘RolesCanEdit’, width: 600, editable: false }
]
});
//dataAdapter.dataBind();
}

$(document).ready(function () {
$.ajaxSetup({cache:true});

//Getting the source data with ajax GET request and process into callback function
$.ajax({
type: ‘GET’,
dataType: ‘jsonp’,
async: true,
url: ‘http://xxxxxxxxxxxxxxxxx/WebService/xxxxx.ashx’,
cache: false,
contentType: ‘application/json; charset=utf-8’,
jsonpCallback: ‘handleResponse’
});

$(“#excelExport”).jqxButton();
$(“#excelExport”).click(function () {
$(“#jqxgrid”).jqxGrid(‘exportdata’, ‘xls’, ‘jqxGrid’);
});
});

Any ideas?
Thanks,

Chris

[Peter StoevKeymaster]

Hi,

That is thrown when you try to set properties which are not available in the widget’s API. In your code, you try to set properties like “id” and “cache”, but there are no such properties in jqxGrid API.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[larotechMember]

Ok thanks! I’ll take those out

Chris

[zirconParticipant]

I had a similar problem, I removed ‘scrollable: true’ from my jqxGrid definition and the error disappeared.

[Peter StoevKeymaster]

Hi,

That’s normal, because there is no “scrollable” property in the Grid’s API.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[shivam.tandon24Participant]

Hi,

I am also facing this error in my piece of code , but there is no new property which i have set in it it just started giving this exception suddenly.

Can you please help me

It started happening when i am trying to call one of the page services i created in my asp.net code , the services is executed completely fine but the control goes to jqxcore.js in which this error is thrown before even returning to the getSuccess function. This is weird.

Thanks & Regards
Shivam Tandon

[Author]

Posts