JKnippschild on Search (advanced + normal) is not working in second instance of a jqGrid

Tue, 22 Mar 2011 00:01:07 +0200

Hello,

First I must ask for forgiveness about the vagueness of specific details, code and the obscuring of certain parts in the attached screenshot. I'm under a CDA for this project as well as under restrictions from HIPAA.. so in the interest of privacy for patients and medical entities, I must be vague. Also, due to the fact this is in development, to avoid competition issues, I must also obscure branding and product names.

Now the problem I'm having:

I have a jqGrid that lists all sites attached to a particular drug study. When you click on a row it brings up a jQueryUI modal .dialog() with tabs. On one of the tabs is a second jqGrid instance that lists all subjects under that site. (Relationship Hierarchy is Study->Site->Subject). The grids both come from an object that is iterated and added with .jqGrid('addRowData',....);

The problem I just discovered is that when I enable the search button for the second jqGrid's pager, the input field where you input the search criteria does not accept any text or even allow me to place a cursor in the field. It allows me to select a field to search against, and it does properly list all the fields for the second jqGrid.

The search feature works perfectly on the first instance, which makes me think there is some sort of collision between the two instances. Please note that I am not using any custom search function for either instance.

Here is the instantiation call for the site list, called within a $(document).ready() function

        $("#patientList").jqGrid(
           {
               datatype: "local",
               width: 700,
               height:330,
               pager: '#patientPager',
               viewrecords: true,
               rowNum: 15,
               colNames: ['-REDACTED-', 'Patient #', 'Initials', 'Gender', "Date of Birth", '-REDACTED-', "CRF", 'SAE', 'Mortality'],
               colModel: [
                                   {name:'-REDACTED-',index:'-REDACTED-', width:70, sorttype:"int", hidden: true},
                                   {name: 'ClientPatientNumber', index:'ClientPatientNumber', width: 70, sorttype:"text"},

                                   {name: 'initials', index:'initials', width: 40, sorttype:"text"},
                                   {name: 'Gender', index:'Gender', width: 40, sorttype:"text"},
                                   {name: 'DOB', index:'DOB', width: 65, sorttype:"date", datefmt: "M/d/Y"},
                                   {name: '-REDACTED-', index:'-REDACTED-', width: 45, sorttype:"text"},
                                   {name: 'CRF', index:'CRF', width: 35, sorttype:"text"},
                                   {name: 'isSAE', index:'isSAE', width: 35, sorttype:"text"},
                                   {name: 'isDeceased', index:'isDeceased', width: 45, sorttype:"text"}
                               ]
           }
       ).navGrid('#patientPager',{view:true, del:false, edit: false },
                                   {}, // use default settings for edit
                                   {}, // use default settings for add
                                   {}, // delete instead that del:false we need this
                                   {multipleSearch : true}, // enable the advanced searching
                                   {closeOnEscape:false} /* allow the view dialog to be closed when user press ESC key*/
                   );


       $("#siteList").jqGrid({
       caption: "Study Sites in <?php echo $currentUser->getProject(); ?>",
       datatype: "local",
       height: 400,
       pager: '#pager',
       rowNum: siteList.length,
       cloneToTop: true,
       //rowList:[10,20,30,40,50],
       colNames:['ID', 'Site #', 'Protocol #', 'Site Name', 'Total Subjects', '-REDACTED-', '-REDACTED-', 'SAE Subjects', 'Deceased Subjects' ],
       viewrecords: true,
       colModel:[
                       {name:'id',index:'id', width:70, sorttype:"int", hidden: true},
                       {name:'ClientSiteNum',index:'ClientSiteNum', width:55, sorttype:"text"},
                       {name:'Protocol#',index:'Protocol#', width:100, sorttype:"text"},
                       {name:'SiteName',index:'SiteName', width:160, sorttype:"text"},
                       {name:'TotalSubjects',index:'TotalSubjects', align: 'right', width:100, sorttype:"int"},
                       {name:'-REDACTED-',index:'-REDACTED-', align: 'right', width:100, sorttype:"int"},
                       {name:'-REDACTED-',index:'-REDACTED-', align: 'right',width:120, sorttype:"int"},
                       {name:'SAESubjects',index:'SAESubjects', width:110, align: 'right', sorttype:"int"},
                       {name:'DeceasedSubjects',index:'DeceasedSubjects', align: 'right', width:120, sorttype:"int"}
                      ],
       sortname: 'SiteName',
       sortorder: "asc",

       onSelectRow: function (ids) {
           populateInformationDialog(ids);
           $( "#siteInfoDialog" ).dialog( "option", "title", "Site Information for Site #"+$(this).jqGrid("getCell", ids, 'ClientSiteNum' ) +" - "+$(this).jqGrid("getCell", ids, 'SiteName' ));
           $("#siteInfoDialog").dialog("open");
       }
       });

This is my first time using in jqGrid but I can't figure out why it's happening. That said, it might be something extremely tiny and mundane that I overlooked, but it might also be a bug with jqGrid itself. I'd appreciate any feedback as my deadline for the entire product is coming up very soon, and the decision to use jqGrid was a last minute decision.

Here's a screenshot for some context, click to enlarge:

jQuery Grid Plugin - jqGrid - Topic: Search (advanced + normal) is not working in second instance of a jqGrid

JKnippschild on Search (advanced + normal) is not working in second instance of a jqGrid