jQWidgets Forums
Forum Replies Created
-
Author
-
April 20, 2015 at 5:49 pm in reply to: Problems when binding grid to remote data Problems when binding grid to remote data #70082
Hi, I am having the same problem (datagrid not loading data), but I am not generating any additional text (as in the case above). Here’s my code and what my output from the php file looks like. Any help greatly appreciated!
<!DOCTYPE html>
<html lang=”en”>
<head>
<title id=’Description’>In this example the Grid is bound to a Remote Data.</title>
<link rel=”stylesheet” href=”js/widgets/jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”js/widgets/scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”js/widgets/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”js/widgets/jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”js/widgets/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”js/widgets/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”js/widgets/jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”js/widgets/jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”js/widgets/jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”js/widgets/jqwidgets/jqxgrid.columnsresize.js”></script>
<script type=”text/javascript” src=”js/widgets/scripts/demos.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
// prepare the data
var source =
{
datatype: “jsonp”,
datafields: [
{ name: ‘first_name’, type: ‘string’ },
{ name: ‘last_name’, type: ‘string’ },
{ name: ‘job_title’, type: ‘string’ }
],
url: “http://php/test3.php”
};
var dataAdapter = new $.jqx.dataAdapter(source);$(“#jqxgrid”).jqxGrid(
{
width: 850,
source: dataAdapter,
columnsresize: true,
columns: [
{ text: ‘First Name’, datafield: ‘first_name’, width: 200 },
{ text: ‘Last Name’, datafield: ‘last_name’, width: 170 },
{ text: ‘Job’, datafield: ‘job_title’,width: 170 }]
});
});
</script>
</head>
<body class=’default’>
<div id=’jqxWidget’ style=”font-size: 13px; font-family: Verdana; float: left;”>
<div id=”jqxgrid”></div>
</div>
</body>
</html>++++++++++++++++++++++++++++++++++++++++++++++++++
[{“first_name”:”Bob”,”last_name”:”Davis”,”job_title”:”Supplemental Staffing”},{“first_name”:”Jane”,”last_name”:”Doe”,”job_title”:”PHYSICAL THERAPY”},{“first_name”:”Sam”,”last_name”:”Collins”,”job_title”:”DENTAL-REG”},{“first_name”:”Mary”,”last_name”:”Nice”,”job_title”:”MSW”}]
-
AuthorPosts