[goldieParticipant]

Peter,

Even when I put the var before the i, it is still a problem.

When I remove the code:

for (i = 0; i < datainformation.rowscount; i++) 
{
	$jsquery("#jqxgrid").jqxGrid('setrowdetails', i, "<div id='grid" + i + "' style='margin: 10px;'></div>", 220, true);
}

I get the grid with “no data to display”.

When I add the code:

var datainformation = $jsquery("#jqxgrid").jqxGrid('getdatainformation');
alert(datainformation.rowscount+" is the count");

The pop-up say that the datainformation.rowscount is 0. That can’t be right, right?

What could be causing that to be 0?

–goldie

[goldieParticipant]

Peter,

I’m sorry. I was trying to bold the line that was causing the error. It is not in the actual script.

–goldie

[goldieParticipant]

Ivalio,

Never mind. I figure it out.
Here is my code if anyone might be looking for a similar solution:

	var dataAdapter = new $jsquery.jqx.dataAdapter(source);
	
	var linkrenderer = function (row, column, value) 
	{
		var href  = dataAdapter.records[row].ID;

		return '<a href="test.php?id='+href +'">'+value+'</a>';
	}

[goldieParticipant]

Ivailo,

I’m sorry. I don’t seem to see the difference is what I need to make a change to. Can you bold or highlight the changes?

Thank you,

Goldie

[goldieParticipant]

Hi Peter,

I did that too and still the same result.

<script type="text/javascript">
	var $jsquery = jQuery.noConflict();
	
	$jsquery(document).ready(function () {
		
	var source =
	{
			datatype: "json",
			cache: false,
			datafields: [
					{ name: 'riskID', type: 'string'},
					{ name: 'serverName', type: 'string'},
					{ name: 'mgmtIP', type: 'string'},
					{ name: 'org', type: 'string'},
					{ name: 'devPOC', type: 'string'},
					{ name: 'active', type: 'string'},
					{ name: 'pii', type: 'string'},
					{ name: 'extFace', type: 'string'},
					{ name: 'webServer', type: 'string'},				
					{ name: 'dc', type: 'string'},
					{ name: 'db', type: 'string'},
					{ name: 'pc', type: 'string'},
					{ name: 'sysConnect', type: 'string'},	
					{ name: 'publicAccess', type: 'string'},
					{ name: 'cuiData', type: 'string'},
					{ name: 'privHost', type: 'string'},			
			],
			url: 'testGridData.php'
	};
	
	var dataAdapter = new $jsquery.jqx.dataAdapter(source);
						
	// initialize jqxGrid 
	$jsquery("#jqxgrid").jqxGrid(
	{
			source: dataAdapter,
			columns: [
				{ text: 'RiskID', datafield: 'riskID', width: 100 },
				{ text: 'Server Name', datafield: 'serverName', width: 250},
				{ text: 'Management IP', datafield: 'mgmtIP', width: 150 },
				{ text: 'Organization', datafield: 'org', width: 150 },
				{ text: 'Dev POC', datafield: 'devPOC', width: 180 },
				{ text: 'Active', datafield: 'active', width: 50 },
				{ text: 'PII', datafield: 'pii', width: 50 },
				{ text: 'External Facing', datafield: 'extFace', width: 125 },
				{ text: 'Web Server', datafield: 'webServer', width: 125 },
				{ text: 'Domain Controller', datafield: 'dc', width: 125 },
				{ text: 'Database', datafield: 'active', width: 100 },
				{ text: 'Physical Component', datafield: 'pc', width: 125 },
				{ text: 'System Connection', datafield: 'sysConnect', width: 125 },
				{ text: 'Public Access', datafield: 'publicAccess', width: 125 },
				{ text: 'Sensitive Data', datafield: 'cuiData', width: 125 },
				{ text: 'Host Privileges', datafield: 'privHost', width: 125 }
		]
	});
});
</script>
<div id="jqxWidget" style="width:100%;">
	<div id="jqxgrid" style="margin:0px; width:100%; min-height:800px; float:left; "></div>
</div>

[goldieParticipant]

Ivo,

Thank you!!!

[goldieParticipant]

Thanks Ivo. That worked! Another question, how do I get it to go to tab2 that have an anchor link toward the bottom of tab2 that is a long, long page. Thanks for your help.

–goldie

[goldieParticipant]

Hristo,

Yes, that is what it was. I needed to change it to $('#content' + tabIndex).html(data);.
What are the other options beside .text(data) and .html(data)?

THANK YOU!

[Author]

Posts