jQuery Grid Plugin - jqGrid

      
// <![CDATA[

        jQuery(document).ready(function()
        { jQuery("#grid").jqGrid({
                url: "getinfo.php",
                datatype: "json",
                mtype: 'POST',
                autowidth: true,
                height: 330,
                colNames: ["Name", "Num", "Field", "Pad", "API", "Legal", "County, State",
                    "Lease", "Unit CA PA", "Status", "Updated", "Wildlife Stips", "Notes"],
                colModel: [
                    { name: "well_name", width: 48,sortable: true, search:true, stype:'select', searchoptions: {dataUrl:'selectwell.php'}},
                    { name: "well_num", width: 18,sortable: true, search:true, stype:'text'},
                    { name: "field", width: 48,sortable: true, search:true, stype:'select', stype: 'select', searchoptions: {dataUrl:'selectfield.php'}},
                    { name: "pad", width: 36,sortable: true, stype:'text'},
                    ...
                ],
                rowNum:10,
                rowList:[10,25,50,10000],
                pager : '#pager',
                sortname: 'field',
                viewrecords: true,
                rownumbers: true,
                gridview: true,
                sortorder: "asc",
                caption:"Master Well List Maintenance"
             });
            jQuery("#grid").jqGrid('navGrid','#pager',
            { 
                view: true, 
                del: false, 
                add: true, 
                edit: true, 
                search: false,
                refresh: true
            },
            { /*prmEdit*/ }, 
            { /*prmAdd*/ }, 
            { /*prmDel*/ } , 
            { 
                /*prmSearch*/ 
                multipleSearch:true
            }, 
            { /*prmView*/ }
            );
            $('#grid').jqGrid('filterToolbar', { searchOnEnter: true, enableClear: true });
            $('#grid').jqGrid('navButtonAdd', '#pager', {
                caption: "",
                title: "Toggle Search Toolbar",
                buttonicon: 'ui-icon-search',
                onClickButton: function () {
                    this.toggleToolbar();
                    if ($.isFunction(this.p._complete)) {
                        if ($('.ui-search-toolbar', this.grid.hDiv).is(':visible')) 
                        {
                            
                            $('.ui-search-toolbar', this.grid.fhDiv).show();
                        } else {
                            $('.ui-search-toolbar', this.grid.fhDiv).hide();
                        }
                        this.p._complete.call(this);
                        fixPositionsOfFrozenDivs.call(this);
                    }
                }
            });
            $('.ui-search-toolbar').hide();
        });
        
// ]]>

<!--?php 
include("../Includes/aedclass.php"); 
$nconn = new WorkData();
$conn = new PDO ($nconn->DB_DSN,$nconn->DB_USER,$nconn->DB_PASSWORD);

$field = $_POST['field'];

if (strlen($field)>0)
{ $sql = "SELECT field FROM master_well_list WHERE field='$field' GROUP BY field ORDER BY field asc;"; }
else
{ $sql = "SELECT field FROM master_well_list GROUP BY field ORDER BY field asc;"; }

$stmt = $conn->prepare($sql);
$stmt->execute();

$response ='';
$response .= '

';
while($row = $stmt->fetch(PDO::FETCH_NUM)) {
     $response .= '
'.$row[0].'
';
}
$response .= '';

echo $response;

?>