troubleshooting Question

jquery jqgrid search mis-location

Avatar of Evan Cutler
Evan CutlerFlag for United States of America asked on
ASPXMLjQuery
5 Comments1 Solution1213 ViewsLast Modified:
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>
Capture.JPG
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 5 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros