I do not see any problems in the demo which uses the latest version. Open you jqGrid min file and see which modules are included.

To have this feature the grid.custom.js should be here.

Best Regsrds

Tony

In version 3.6 simple it's something wrong, because filterToolbar doesn't work.

Please read carfully. There is important note and exmaple.

Reagrds

Tony

jQuery("#jqgajax").jqGrid({
      url:'server.php?q=2',
    editurl: "server.php",
    
    datatype: "json",
       colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
       colModel:[
           {name:'id',index:'id', width:55},
           {name:'invdate',index:'invdate', width:90},
           {name:'name',index:'name asc, invdate', width:100,
       editable: true, edittype:"select", editoptions:{dataUrl:'test.txt',width:100}, search:true },
           {name:'amount',index:'amount', width:80, align:"right",editable:true},
           {name:'tax',index:'tax', width:80, align:"right", search:true},
           {name:'total',index:'total', width:80,align:"right"},        
           {name:'note',index:'note', width:150, sortable:false}        
       ],
       rowNum:10,
    width:700,
    autowidth: true,
    rownumbers: true,
   // toolbar: [true,"top"],
      rowList:[10,20,30],
       pager: '#pjqgajax',
       sortname: 'invdate',
    viewrecords: true,
    sortorder: "desc",
    caption:"New API Example"
});
jQuery("#jqgajax").jqGrid('navGrid','#pjqgajax',{edit:true,add:true,del:false});

jQuery("#jqgajax").jqGrid('filterToolbar');

Look herehow to call this method

http://www.trirand.com/jqgridw....._searching

Why does this error filterToolbar

th = $("<th role='columnheader' clas...umn ui-th-"+ts.p.direction+"'></th>");\\r\\n

say that the modules are loaded

HTML:

<table id="s3list" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="s3pager" class="scroll" style="text-align:center;"></div>

js:

...

 var mygrid = $("#s3list").jqGrid({
  url:'http://localhost:8080/browse/s.....R&#39;,
      datatype: "json",
      width: 700,
      colNames:['Column Name','Type','Null'],
      colModel:[
        {name: 'colname',index:'colname'},
        {name: 'coltype',index:'coltype'},
        {name: 'nullable',index:'nullable'}
        ],
      rowNum:10,
      mtype: "GET",
      pager: '#s3pager',
      sortname: 'colname',
       toolbar: [true,'top'],
      viewrecords: true,
      rownumbers: true,
      sortorder: "desc",
      gridview : true,
      caption:"Toolbar Search Example" });
 mygrid.jqGrid('navGrid','#s3pager',{edit:false,add:false,del:false,search:false,refresh:false});
 mygrid.jqGrid('filterToolbar'); // Problem occurs on this call

the error is:

Line 635 of grid.custom.js: ts is not defined

Thanks for your help,

Ron

Could you please post the whole code?

Also be a sure thet you download the needed module grid.custom.js or load them into the page.

Regards

Tony

The quote was a typo when I entered the text in the forum, it is not so in my code.

Anyway, when I put a call to filterToolbar into my script, I get an error on the following line in grid.custom.js:

th = $("<th role='columnheader' class='ui-state-default ui-th-column ui-th-"+ts.p.direction+"'></th>"); 636

Saying that ts is not defined.

Thanks for your help!

Ron

So what does not work?

By the way you have error calling this:

$('#scrolling”).jqGrid('filterToolbar');

maybe it should be

$("#scrolling”).jqGrid('filterToolbar');

Regards

Tony

I converted to the new calling convention, so I have  $('#scrolling").jqGrid('filterToolbar');  as my function.

Thanks for your assistance,

Ron