jQuery Grid Plugin - jqGrid - Topic: Noob Post http://www.trirand.com/blog/?page_id=393/help/noob-post Simple:Press Version 5.7.5.3 -Matt- on Noob Post http://www.trirand.com/blog/?page_id=393/help/noob-post#p3081 Help http://www.trirand.com/blog/?page_id=393/help/noob-post#p3081 I will reply to my own problem!!!

the problem:

sortname: 'id'

fixed by changing to

sortname: 'invid'

]]> Fri, 14 Nov 2008 14:37:01 +0200 -Matt- on Noob Post http://www.trirand.com/blog/?page_id=393/help/noob-post#p3080 Help http://www.trirand.com/blog/?page_id=393/help/noob-post#p3080 Hi All,

I would just like to say this bit of 'kit' is fantastic!!!

I am a NOOB unfortunately and have just tried to do complete the XML demo in the documentation.

What my issue is, is that I have to click a header to populate the grid with the database data.  I cannot see why it doesn't load the data when you load the page.

Can anyone point me in the right direct.

Thanks,

Matt.

HTML Code for reference:

<html>
<head>
    <title>jqGrid Demo</title>
    <link rel="stylesheet" type="text/css" media="screen" href="themes/basic/grid.css">
    <link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css">
    <script src="jquery.js" type="text/javascript">
    </script>
    <script src="jquery.jqGrid.js" type="text/javascript">
    </script>
    <script src="js/jqModal.js" type="text/javascript">
    </script>
    <script src="js/jqDnR.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    jQuery(document).ready(function(){ jQuery("#list").jqGrid({ url:'example1_server.php?nd='+new Date().getTime(), datatype: 'xml', mtype: 'GET', colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'], colModel :[ {name:'invid', index:'invid', width:55}, {name:'invdate', index:'invdate', width:90}, {name:'amount', index:'amount', width:80, align:'right'}, {name:'tax', index:'tax', width:80, align:'right'}, {name:'total', index:'total', width:80, align:'right'}, {name:'note', index:'note', width:150, sortable:false} ], pager: jQuery('#pager'), rowNum:10, rowList:[10,20,30], sortname: 'id', sortorder: "desc", viewrecords: true, imgpath: 'themes/basic/images', caption: 'My first grid'  }); });
    </script>
    <style type="text/css">
    div.c1 {text-align:center;}
    </style>
</head>

<body>
    <table id="list" class="scroll"></table>

    <div id="pager" class="scroll"></div>
</body>
</html>

]]> Fri, 14 Nov 2008 14:29:19 +0200