`Hello,
I have 3 Grids in a Tab which are loaded by a dataadapter from our database: Grid in Tab 1 loads normal, the Grids on Tab 2 and Tab 3 are not stopping to load (http://jsfiddle.net/drmikegross/ug146h38/2/). I reduced the code and put it into a fiddle, but can’t figure out whats wrong – pls help.
Thanks
Mike
<!doctype html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<link rel=”stylesheet” href=”./stylesheets/jqx.base.css” type=”text/css”>
<script src=”../../js/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”../../js/jqwidgets-ver3.9.0/jqwidgets/jqx-all.js”></script>
<script type=”text/javascript”>
var demoColumns = [
{ text: ‘Date’, editable: false, dataField: ‘etd’, width: 80, cellsformat: ‘dd.MMM.yyyy’ },
{ text: ‘Record’, editable: false, dataField: ‘stt’, width: 100 },
{ text: ‘Name’, editable: false, dataField: ‘vd’, width: 110 },
{ text: ‘Box’, editable: false, dataField: ‘cont-nr’, width: 110 },
{ text: ‘Open Task’, editable: false, dataField: ‘nextstat’ }
];
var demoFields = [
{ name: ‘reconid’, type: ‘string’ },
{ name: ‘etd’, type: ‘date’ },
{ name: ‘vd’, type: ‘string’ },
{ name: ‘cont-nr’, type: ‘string’ },
{ name: ‘stt’, type: ‘string’ },
{ name: ‘nextstat’, type: ‘string’ }
];
var demoUrl = “/portal/recon.demo.slag/getreconlist.p”;
var demoSource = {
datatype: “json”,
datafields: demoFields,
url: demoUrl,
id: ‘reconid’,
sortcolumn: ‘etd’,
sortdirection: ‘desc’,
data: {
typ: ‘JSON’,
id: ’30’,
stat: ’15’,
maxRows: 100
}
};
function initdemoTransfer () {
demoSource.data.stat = ’45’;
var demoTransferDataAdapter = new $.jqx.dataAdapter(demoSource, {});
$(“#demoTransferGrid”).jqxGrid( {
width: 550,
height: 255,
source: demoTransferDataAdapter,
columns: demoColumns
});
};
function initdemoDestination () {
demoSource.data.stat = ’65’;
var demoDestinationDataAdapter = new $.jqx.dataAdapter(demoSource, {});
$(“#demoDestinationGrid”).jqxGrid( {
width: 550,
height: 255,
source: demoDestinationDataAdapter,
columns: demoColumns
});
};
function initdemoOrigin () {
demoSource.data.stat = ’35’;
var demoOriginDataAdapter = new $.jqx.dataAdapter(demoSource, {});
$(“#demoOriginGrid”).jqxGrid( {
width: 550,
height: 255,
source: demoOriginDataAdapter,
columns: demoColumns
});
};
$(document).ready(function () {
$(‘#demoTabs’).jqxTabs({ width: ‘550’, height: 310, position: ‘top’ });
initdemoOrigin();
initdemoDestination();
initdemoTransfer();
});
</script>
</head>
<body>
<div id=”windowContainer”>
<div id=”demoTabs”>
<ul style=”margin-left: 30px”>