jQuery Grid Plugin - jqGrid

Hello,

I have used the latest 3.7.2 version of jqGrid (all plugin options checked while downloading it) in my project. But I was facing problems with multiple search.

I get an error "t is undefined" on line 23 of jquery.jqGrid.min.js whenever I enter any search criteria & click on 'Find' in the search popup.

But I don't get this error with an earlier version 3.6 of jqgrid & the popup search works fine .

I want to use the 3.7.2 version for the client side paging & sorting functionality which actually works fine.

I am passing the data in an xml format to the grid.

Below is the code of jqgrid used in the jsp.

jQuery("#mytable").jqGrid({

    url: 'usersearch.action',

    datatype: 'xml',

    caption: 'User List', 

    colNames:['User', 'Status', 'First Name', 'Last Name'],

    colModel:[ {name:'username',index:'USERNAME', xmlmap:"UserName", searchoptions:{sopt:['eq']}},

                    {name:'status',index:'STATUS', xmlmap:"Status", stype:'select',                                               searchoptions:{value:":All;Active:Active;Inactive:Inactive"}}, 

                    {name:'firstname',index:'FIRST_NAME', xmlmap:"FirstName", searchoptions:{sopt:['eq']}},

                    {name:'lastname',index:'LAST_NAME', xmlmap:"LastName", searchoptions:{sopt:['eq']}}

                 ],

    pager : "#pager", 

    sortname: 'UserName', 

    mtype: 'GET',

    rowList:[5,10,20], 

    rowNum:10,

    rowTotal: 2000,

    loadonce:true,

    rownumbers: true,

    height: 260,

    scrollOffset:0,

    gridview: true,

    autowidth: true, 

    viewrecords: true,

    xmlReader : {

                           root: "Users",

                           row: "User",

                           repeatitems: false,

                           id: "ID",

                           page:"Users>currentpage",

                           total:"Users>totalpages",

                           records:"Users>totalrecords"

                       }

});

 jQuery("#mytable").jqGrid('navGrid','#pager',

{ edit:false,add:false,del:false,search:true,refresh:true

},

{}, // edit options

{}, // add options  

{}, //del options

{multipleSearch:true} // search options 

);

<table border="0" cellpadding="0" cellspacing="0" id="mytable"></table>

<div id="pager" class="scroll"></div>

Below is some sample xml data passed to the jqgrid

<?xml version="1.0" encoding="UTF-8"?>

<Users>

<currentpage>1</currentpage>

<totalpages>1</totalpages>

<totalrecords>2</totalrecords>

<User ID="gv"> <UserName>Operator</UserName> <Status>Disabled</Status> <LastName>V</LastName> <FirstName>Geetha</FirstName></User>

<User ID="nk"> <UserName>Administrator</UserName> <Status>Enabled</Status> <LastName>Kumar</LastName> <FirstName>Nitesh</FirstName></User>

</Users>

Can you please help me to resolve this error so that the search works properly?

Regards,

Abhijit

Thanks Tony for your prompt response.

I tried both the solutions suggested by you.

I removed the indexes & the search worked fine.

I also tried with names and indexes having equal names. This too worked perfect.

I appreciate your help to fix this issue. Keep the good work going

Thanks & Regards,

Abhijit