.Hi, I am new to jqGrid and am trying to get a simple grid which loads xml data from a php script to work. I have tried to model my code off the demos as close as possible, but for some reason, the actual data is not being displayed. Only the table, css, and the column names are being displayed..
Here is my XML output:
|
1 2 |
<span class="pi"><?xml version='1.0' encoding='utf-8'?></span><br /> <<span class="start-tag">rows</span>> |
|
1 |
<span style="white-space:pre"> </span><<span class="start-tag">page</span>>1</<span class="end-tag">page</span>> |
|
1 |
<span style="white-space:pre"> </span><<span class="start-tag">total</span>>1</<span class="end-tag">total</span>> |
|
1 |
<span style="white-space:pre"> </span><<span class="start-tag">records</span>>4</<span class="end-tag">records</span>> |
|
1 |
<span style="white-space:pre"> </span><<span class="start-tag">row</span><span class="attribute-name"> id</span>=<span class="attribute-value">'1'</span>> |
|
1 |
<span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[1]]></span></<span class="end-tag">cell</span>> |
|
1 |
<span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[test]]></span></<span class="end-tag">cell</span>> |
|
1 |
<span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[19]]></span></<span class="end-tag">cell</span>> |
|
1 |
<span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[test]]></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[CA]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[email]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[1]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span></<span class="end-tag">row</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">row</span><span class="attribute-name"> id</span>=<span class="attribute-value">'2'</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[2]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[bob]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[22]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[test']]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[MA]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[phone]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[2]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span></<span class="end-tag">row</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">row</span><span class="attribute-name"> id</span>=<span class="attribute-value">'3'</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[3]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[Matt]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[20]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[test]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[TX]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[bloop]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[3]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span></<span class="end-tag">row</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">row</span><span class="attribute-name"> id</span>=<span class="attribute-value">'4'</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[4]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[blah]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[19]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[poker]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[CA]]></span></<span class="end-tag">cell</span>></span> |
|
1 |
<span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[phone]]></<span class="end-tag">cell</span>></span></span> |
|
1 |
<span class="cdata"><span class="cdata"><span style="white-space:pre"> </span><<span class="start-tag">cell</span>><span class="cdata"><![CDATA[4]]></span></<span class="end-tag">cell</span>></span></span> |
|
1 |
<span class="cdata"><span class="cdata"><span style="white-space:pre"> </span></<span class="end-tag">row</span>></span></span> |
|
1 |
<span class="cdata"><span class="cdata"></<span class="end-tag">rows</span>></span></span> |
|
1 |
<span class="cdata"><span class="cdata"><br /></span></span> |
|
1 |
Here is the javascript code that makes the grid: |
|
1 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<span style="white-space:pre"> </span>// construct the grid<br /> $("#datagrid").jqGrid({<br /> url: data_url,<br /> datatype: "xml",<br /> colNames: col_name_array,<br /> colModel: col_model,<br /> rowNum: 10,<br /> autowidth: true,<br /> rowList:[10,20,30],<br /> pager: $('#pager'),<br /> sortname: 'bytefalcon_id',<br /> viewrecords: true,<br /> sortorder: "asc",<br /> caption: datagrid_name,<br /> mtype: 'GET'<br /> }).navGrid('#pager',{edit: false, add: false, del: false}); |
|
1 |
I have included the following scripts in the head: |
|
1 |
<script type="text/javascript" src="/static/js/jquery-1.3.2.min.js"></script> |
|
1 |
<link rel="stylesheet" type="text/css" media="screen" |
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top
