asked on

jquery jqgrid search mis-location

ok. I'm using jqgrid.
Why is it doing this? I am trying to get the search popup to work right,
and failing miserably.

Every other jqgrid modal popup is working with no issues.
Code below; image below.

help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <link href="../../jscripts/themes/redmond/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
    <link href="../../jscripts/themes/ui.jqgrid.css" rel="stylesheet" type="text/css" />
    <script src="../../jscripts/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="../../jscripts/jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>
    <script src="../../jscripts/js/i18n/grid.locale-en.js" type="text/javascript"></script>
    <script src="../../jscripts/js/jquery.jqGrid.min.js" type="text/javascript"></script>


    <script type="text/javascript">
        $(function () {
            $("#list").jqGrid({
                url: 'Data_Models/adminShowList.asp',
                datatype: 'xml',
                mtype: 'GET',
                colNames: ['Show Date', 'Show Name', 'Venue', 'Venue City', 'Venue State', 'Website URL'],
                colModel: [
                  { name: 'Show_Date', index: 'Show_Date', width: 75 },
                  { name: 'Show_Name', index: 'Show_Name', width: 150 },
                  { name: 'Venue', index: 'Venue', width: 150, align: 'center' },
                  { name: 'Venue_City', index: 'Venue_City', width: 100, align: 'center' },
                  { name: 'Venue_State', index: 'Venue_State', width: 80, align: 'center' },
                  { name: 'Website_URL', index: 'Website_URL', width: 500, sortable: false }
                ],
                pager: '#pager',
                rowNum: 10,
                height: '100%',
                rowList: [10, 20, 30],
                sortname: 'Show_Date',
                sortorder: 'desc',
                viewrecords: true,
                caption: 'Shows'
            }).navGrid('#pager', {
                view: true,
                del: false
            },
            {},
            {},
            {},
            {multisearch: true},
            {closeonescape: true});

                
    }); 

    
    
    </script>


</head>
<body>


<table id="list"></table> 
<div id="pager"></div>










</body>
</html>

Open in new window

Capture.JPG