<table id="countrylist"></table>
    <div id="countrylistpager"></div>
    <script language="javascript">
        var lastsel;
        $("#countrylist").jqGrid({
            url: '<?php echo MODX_BASE_URL; ?>../ajax/countrylist.ajax.php',
            datatype: 'xml',
            mtype: 'POST',
            colNames: ['Country Name','Country Code', 'Currency Name', 'Currency Code', 'Conversion Rate'],
            colModel: [
                {name:'countryname', index:'countryname'},
                {name:'countrycode', index:'countrycode'},
                {name:'currencyname', index:'currencyname', sortable: false},
                {name:'currencycode', index:'currencycode', sortable: false},
                {name:'currencyconversionrate', index:'currencyconversionrate', sortable: false}
            ],
            pager: '#countrylistpager',
            rowNum: 15,
            rowList: [15, 25, 50],
            sortname: 'countryname',
            sortorder: 'asc',
            viewrecords: true,
            hidegrid: false,
            caption: 'Country List',
            subGrid: true,
            subGridRowExpanded: function(subgrid_id, row_id) {
                var subgrid_table_id, pager_id;
                subgrid_table_id = subgrid_id+"_t";
                pager_id = "p_"+subgrid_table_id;
                $("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>");
                
                $("#"+subgrid_table_id).jqGrid({
                    url: '<?php echo MODX_BASE_URL; ?>../ajax/countryregionslist.ajax.php?countrycode=' . $row_id,
                    datatype: "xml",
                    mtype: "POST",
                    colNames: ['Region Name','Region Code'],
                    colModel: [
                        {name:"countryregionname", index:"countryregionname"},
                        {name:"countryregioncode", index:"countryregioncode"}
                    ],
                    rowNum:15,
                    rowList: [15, 25, 50],
                    pager: pager_id,
                    sortname: 'countryregionname',
                    sortorder: "asc",
                    height: '100%'
                });
                
                $("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id, {edit:false,add:false,del:false});
            }, subGridRowColapsed: function(subgrid_id, row_id) {
            }
        });
        
        $("#countrylist").jqGrid('navGrid',"#countrylistpager", {edit:false,add:false,del:false});
    </script>

header("Content-type: text/xml;charset=utf-8");
 
$s = "<?xml version='1.0' encoding='utf-8'?>";
$s .= "<rows>";
$s .= "<page>" . $page . "</page>";
$s .= "<total>" . $total_pages . "</total>";
$s .= "<records>" . $count . "</records>";
 
foreach($country->GetRegions() as $countryregion)
{
    $s .= "<row id='" . $countryregion->GetCountryRegionCode() . "'>";            
    $s .= "<cell><![CDATA[" . $countryregion->GetCountryRegionName() . "]]></cell>";
    $s .= "<cell>" . $countryregion->GetCountryRegionCode() . "</cell>";
    $s .= "</row>";
}
$s .= "</rows>";
 
echo $s;