Uncaught TypeError: Object # has no method 'indexOf' jqxgrid.j

[4xjbhParticipant]

I am getting this error in the js console and I am at a loss as to why. It is occurring when I select jqw inputs/combos on the same page. These inputs have no events set on them.

Uncaught TypeError: Object #<HTMLInputElement> has no method ‘indexOf’ jqxgrid.js:7
(anonymous function) jqxgrid.js:7
x.extend.each jquery-1.10.2.js:657
b.extend._closemenuafterclick jqxgrid.js:7
x.event.dispatch jquery-1.10.2.js:5095
v.handle jquery-1.10.2.js:4766

function getProjectContacts(projectid){ 
    var vurl = "./php/contacts_by_projectid.php?project_id="+projectid;
    // prepare the data
    var source =
		{
			datatype: "json",
			datafields: [
				{ name: 'id' },
				{ name: 'project_id' },
				{ name: 'contact_id' },
				{ name: 'fullname' },
				{ name: 'company_id' },
				{ name: 'mobile' },
				{ name: 'telephone' },
				{ name: 'email' },
				{ name: 'role' }
			],
			id: 'id',
			url: vurl,
			pagesize: 5
		};
    var vdataAdapter = new $.jqx.dataAdapter(source);
    $("#grid_contacts").jqxGrid(
        {
            width: "100%",
            sortable: true,
            pageable: true,
            autoheight: true,
            filterable: true,
            source: vdataAdapter,
            columnsresize: true,
            columns: [
                { text: 'id', datafield: 'id', width: 60 },
                { text: 'Name', datafield: 'fullname', width: 200 },
                { text: 'Mobile', datafield: 'mobile', width: 100 },
                { text: 'Telephone', datafield: 'telephone', width: 100 },
                { text: 'Email', datafield: 'email', minwidth: 150 },
                { text: 'Role', datafield: 'role', minwidth: 150 }
            ]
        }
    ); 
}

php returned json grid array:

[{“id”:”5″,”0″:”5″,”project_id”:”3″,”1″:”3″,”contact_id”:”6″,”2″:”6″,”fullname”:”John Bleakley”,”3″:”John Bleakley”,”company_id”:”327″,”4″:”327″,”mobile”:”0418 584 112″,”5″:”0418 584 112″,”telephone”:”07 3277 6188″,”6″:”07 3277 6188″,”email”:”jebleakley@bris.gunnersens.com.au”,”7″:”jebleakley@bris.gunnersens.com.au”,”role”:null,”8″:null,”company_name”:null,”9″:null}]

[Peter StoevKeymaster]

Hi 4xjbh,

I suggest you to check whether all required JS files are added to your page. Also check whether you do not try to initialize jqxGrid or some other widget that requires DIV tag from HTMLInputElement.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[4xjbhParticipant]

I am loading jqx-all.js and all combos are divs and text fields are inputs. A blank fom no errors are reported when selecting inputs, once data populates form and grid from json data the error occurs.

[Peter StoevKeymaster]

Hi 4xjbh,

Ok, then could please provide a full sample which includes the HTML part as well and we will try it locally.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[4xjbhParticipant]

Thanks, I have sent info through to the support email address.

[Author]

Posts