Getting this error "Object doesn't support property or method 'jqxTabs' - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: grid, javascript grid, jquery grid, jqwidgets grid

This topic contains 1 reply, has 2 voices, and was last updated by Hristo 7 years, 10 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Getting this error "Object doesn't support property or method 'jqxTabs' Posts
February 20, 2017 at 9:02 am Getting this error "Object doesn't support property or method 'jqxTabs' #91695
dj
Participant
Hi ,

I thought of using JQWidget to understand the features what it provides. Before i could start leveraging on this, thought off using the demo example and see how does it work. However, after downloading the example, I am seeing this error.

“Object doesn’t support property or method ‘jqxTabs'”

I googled around it but couldn’t find a right answer. Please comment and help me out.

Sample code:-
<!DOCTYPE html>
<html lang=”en”>
<head>
<title id=’Description’>This demo shows how to display jqxGrid in jqxTabs.
</title>

<link rel=”stylesheet” href=”//widget/jqwidgets/styles/jqx.base.css” type=”text/css” />

<script src=”https://code.jquery.com/jquery-1.12.4.js”></script>
<script src=”https://code.jquery.com/ui/1.12.1/jquery-ui.js”></script>
<script type=”text/javascript” src=”//widget/scripts/demos.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxtabs.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxcheckbox.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”//widget/jqwidgets/jqxchart.js”></script>

<script type=”text/javascript” language=”javascript”>
$(document).ready(function () {
var initGrid = function () {
var source =
{
datatype: “csv”,
datafields: [
{ name: ‘Date’ },
{ name: ‘S&P 500’ },
{ name: ‘NASDAQ’ }
],
url: ‘../sampledata/nasdaq_vs_sp500.txt’
};

var dataAdapter = new $.jqx.dataAdapter(source, { async: false, loadError: function (xhr, status, error) { alert(‘Error loading “‘ + source.url + ‘” : ‘ + error); } });

$(“#jqxGrid”).jqxGrid(
{
width: ‘100%’,
height: ‘100%’,
source: dataAdapter,
columns: [
{ text: ‘Date’, datafield: ‘Date’, cellsformat: ‘d’, width: 250 },
{ text: ‘S&P 500’, datafield: ‘S&P 500’, width: 150 },
{ text: ‘NASDAQ’, datafield: ‘NASDAQ’ }
]
});
}

var initGrid2 = function () {
var data = ‘[{ “CompanyName”: “Alfreds Futterkiste”, “ContactName”: “Maria Anders”, “ContactTitle”: “Sales Representative”, “Address”: “Obere Str. 57”, “City”: “Berlin”, “Country”: “Germany” }, { “CompanyName”: “Ana Trujillo Emparedados y helados”, “ContactName”: “Ana Trujillo”, “ContactTitle”: “Owner”, “Address”: “Avda. de la Constitucin 2222”, “City”: “Mxico D.F.”, “Country”: “Mexico” }, { “CompanyName”: “Antonio Moreno Taquera”, “ContactName”: “Antonio Moreno”, “ContactTitle”: “Owner”, “Address”: “Mataderos 2312”, “City”: “Mxico D.F.”, “Country”: “Mexico” }, { “CompanyName”: “Around the Horn”, “ContactName”: “Thomas Hardy”, “ContactTitle”: “Sales Representative”, “Address”: “120 Hanover Sq.”, “City”: “London”, “Country”: “UK” }, { “CompanyName”: “Berglunds snabbkp”, “ContactName”: “Christina Berglund”, “ContactTitle”: “Order Administrator”, “Address”: “Berguvsvgen 8”, “City”: “Lule”, “Country”: “Sweden” }, { “CompanyName”: “Blauer See Delikatessen”, “ContactName”: “Hanna Moos”, “ContactTitle”: “Sales Representative”, “Address”: “Forsterstr. 57”, “City”: “Mannheim”, “Country”: “Germany” }, { “CompanyName”: “Blondesddsl pre et fils”, “ContactName”: “Frdrique Citeaux”, “ContactTitle”: “Marketing Manager”, “Address”: “24, place Klber”, “City”: “Strasbourg”, “Country”: “France” }, { “CompanyName”: “Blido Comidas preparadas”, “ContactName”: “Martn Sommer”, “ContactTitle”: “Owner”, “Address”: “C\/ Araquil, 67”, “City”: “Madrid”, “Country”: “Spain” }, { “CompanyName”: “Bon app\'”, “ContactName”: “Laurence Lebihan”, “ContactTitle”: “Owner”, “Address”: “12, rue des Bouchers”, “City”: “Marseille”, “Country”: “France” }, { “CompanyName”: “Bottom-Dollar Markets”, “ContactName”: “Elizabeth Lincoln”, “ContactTitle”: “Accounting Manager”, “Address”: “23 Tsawassen Blvd.”, “City”: “Tsawassen”, “Country”: “Canada” }, { “CompanyName”: “B\’s Beverages”, “ContactName”: “Victoria Ashworth”, “ContactTitle”: “Sales Representative”, “Address”: “Fauntleroy Circus”, “City”: “London”, “Country”: “UK” }, { “CompanyName”: “Cactus Comidas para llevar”, “ContactName”: “Patricio Simpson”, “ContactTitle”: “Sales Agent”, “Address”: “Cerrito 333”, “City”: “Buenos Aires”, “Country”: “Argentina” }, { “CompanyName”: “Centro comercial Moctezuma”, “ContactName”: “Francisco Chang”, “ContactTitle”: “Marketing Manager”, “Address”: “Sierras de Granada 9993”, “City”: “Mxico D.F.”, “Country”: “Mexico” }, { “CompanyName”: “Chop-suey Chinese”, “ContactName”: “Yang Wang”, “ContactTitle”: “Owner”, “Address”: “Hauptstr. 29”, “City”: “Bern”, “Country”: “Switzerland” }, { “CompanyName”: “Comrcio Mineiro”, “ContactName”: “Pedro Afonso”, “ContactTitle”: “Sales Associate”, “Address”: “Av. dos Lusadas, 23”, “City”: “Sao Paulo”, “Country”: “Brazil” }, { “CompanyName”: “Consolidated Holdings”, “ContactName”: “Elizabeth Brown”, “ContactTitle”: “Sales Representative”, “Address”: “Berkeley Gardens 12 Brewery”, “City”: “London”, “Country”: “UK” }, { “CompanyName”: “Drachenblut Delikatessen”, “ContactName”: “Sven Ottlieb”, “ContactTitle”: “Order Administrator”, “Address”: “Walserweg 21”, “City”: “Aachen”, “Country”: “Germany” }, { “CompanyName”: “Du monde entier”, “ContactName”: “Janine Labrune”, “ContactTitle”: “Owner”, “Address”: “67, rue des Cinquante Otages”, “City”: “Nantes”, “Country”: “France” }, { “CompanyName”: “Eastern Connection”, “ContactName”: “Ann Devon”, “ContactTitle”: “Sales Agent”, “Address”: “35 King George”, “City”: “London”, “Country”: “UK” }, { “CompanyName”: “Ernst Handel”, “ContactName”: “Roland Mendel”, “ContactTitle”: “Sales Manager”, “Address”: “Kirchgasse 6”, “City”: “Graz”, “Country”: “Austria”}]’;

// prepare the data
var source =
{
datatype: “json”,
datafields: [
{ name: ‘CompanyName’, type: ‘string’ },
{ name: ‘ContactName’, type: ‘string’ },
{ name: ‘ContactTitle’, type: ‘string’ },
{ name: ‘Address’, type: ‘string’ },
{ name: ‘City’, type: ‘string’ },
{ name: ‘Country’, type: ‘string’ }
],
localdata: data
};
var dataAdapter = new $.jqx.dataAdapter(source);

$(“#jqxGrid2”).jqxGrid(
{
width: ‘100%’,
height: ‘100%’,
source: dataAdapter,
columns: [
{ text: ‘Company Name’, datafield: ‘CompanyName’, width: 250 },
{ text: ‘Contact Name’, datafield: ‘ContactName’, width: 150 },
{ text: ‘Contact Title’, datafield: ‘ContactTitle’, width: 180 },
{ text: ‘City’, datafield: ‘City’, width: 120 },
{ text: ‘Country’, datafield: ‘Country’ }
]
});
}

// init widgets.
var initWidgets = function (tab) {
switch (tab) {
case 0:
initGrid();
break;
case 1:
initGrid2();
break;
}
}

$(‘#jqxTabs’).jqxTabs({ width: 600, height: 560, initTabContent: initWidgets });
});
</script>
</head>
<body class=’default’>
<div id=’jqxTabs’>
- Grid 2
<div style=”overflow: hidden;”>
<div style=”border:none;” id=”jqxGrid”>
</div>
</div>
<div style=”overflow: hidden;”>
<div style=”border:none;” id=”jqxGrid2″></div>
</div>
</div>
</body>
</html>
February 22, 2017 at 12:06 pm Getting this error "Object doesn't support property or method 'jqxTabs' #91779

Hristo
Participant

Hello dj,

You could check the references.
We tested it and it seems to work fine.

Best Regards,
Hristo Hristov

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

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.