Error after upgrade from v2.6.0 to v3.0.4

[jasneParticipant]

Hi
After upgrade to newest v. jQWidgets, firebug return an error
“Error: Invalid jQuery Selector – #jqxNavigationBar! Please, check whether the used ID or CSS Class name is correct.”
What to do ?

[DimitarParticipant]

Hello jasne,

This means you do not have an element with id jqxNavigationBar in your HTML code. You most probably have one with a similar id, such as jqxnavigationbar. Please check your code and remember that JavaScript is case-sensitive.

Best Regards,
Dimitar

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

[jasneParticipant]

But I haven’t used jqxNavigationBar in code…

below is my code

	var source =
			{
				datatype: "json",
				datafields: [
					
					{ name: 'indeks'},
					{ name: 'name'},
					{ name: 'description'},
					{ name: 'grp'},
					{ name: 'quantity'},
					{ name: 'options'}

				],
				url:'/include/main.php',
				filter: function()
						{
							
							$("#jqxgridDB").jqxGrid('updatebounddata', 'filter');
						},
						sort: function()
						{
							
							$("#jqxgridDB").jqxGrid('updatebounddata', 'sort');
						},
				root: 'Rows',
				cache: false,
				
				beforeprocessing: function(data)
				{		
					source.totalrecords = data[0].TotalRows;
					
					
				}
			};

            var dataAdapter = new $.jqx.dataAdapter(source);

            $("#jqxgridDB").jqxGrid(
            {
			
                width: 1230,
				height: 600,  
				pagesize:20,
				pagesizeoptions: ['20', '50', '100'],
				source: dataAdapter,
      		    sortable: true,
                columnsresize: true,
				pageable: true,
				autoheight: false,
				virtualmode: true,
				showfilterrow: true,
			    filterable: true,
			
				rendergridrows: function()
				{
					  return dataAdapter.records;     
				},
                columns: [
				
					{ text: 'No. ', datafield: 'indeks',  width: 100 },
					{ text: 'Name', datafield: 'name', width: 380 },
					{ text: 'Desc', datafield: 'description', width: 380 },
					{ text: 'Group', datafield: 'grp', width: 230,filtertype: 'list', filteritems:items},
					{ text: 'mag.', datafield: 'quantity', width: 65, filterable: false,cellsalign: 'center'},
					{ text: 'Zak', datafield: 'options', width: 75, sortable: false, filterable: false }
				]
            });
     
	
	
	
	
	});

[DimitarParticipant]

Hi jasne,

Is this your entire JavaScript code? Are you sure this is the page that returns the error?

Best Regards,
Dimitar

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

[jasneParticipant]

Dimitar You are correct I had included one more js file that makes me problem
Thanks !

[Author]

Posts