jQuery Grid Plugin - jqGrid - Topic: problem with integrated search toolbar http://www.trirand.com/blog/?page_id=393/help/problem-with-integrated-search-toolbar-1 Simple:Press Version 5.7.5.3 munikrishna on problem with integrated search toolbar http://www.trirand.com/blog/?page_id=393/help/problem-with-integrated-search-toolbar-1#p28551 Help http://www.trirand.com/blog/?page_id=393/help/problem-with-integrated-search-toolbar-1#p28551 u r using which version pls tell me i need this example? pls help me urgent?

]]> Fri, 29 Mar 2013 12:52:16 +0200 tony on problem with integrated search toolbar http://www.trirand.com/blog/?page_id=393/help/problem-with-integrated-search-toolbar-1#p11590 Help http://www.trirand.com/blog/?page_id=393/help/problem-with-integrated-search-toolbar-1#p11590 Hello,

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

Look how to apply it.

Regards

Tony

]]> Fri, 06 Nov 2009 09:48:58 +0200 mschmitz on problem with integrated search toolbar http://www.trirand.com/blog/?page_id=393/help/problem-with-integrated-search-toolbar-1#p11579 Help http://www.trirand.com/blog/?page_id=393/help/problem-with-integrated-search-toolbar-1#p11579 Hello all,

I started with JQGrid by extracting the integrated search toolbar sample from the demo, but while it works perfect in the demo, my own instance does not. Whenever I click the toggle button, I get the following JavaScript error:

mygrid[0].toggleToolbar is not a function

 

Can anybody tell me what I missed?

Here's my page:

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

  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      <title>My Test Grid</title>

      <link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.2.custom.css"/>

      <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css"/>

      <link rel="stylesheet" type="text/css" media="screen" href="css/jquery.searchFilter.css"/>

      <script src="js/jquery-1.3.2.min.js" type="text/javascript"/>

      <script src="js/grid.loader.js" type="text/javascript"/> <!-- loads all features -->

      <script type="text/javascript">

      $(document).ready(function(){

        var gridimgpath = 'themes/basic/images';

        var mygrid = jQuery("#s3list").jqGrid({

           url:'search.php?q=1',

           datatype: "json",

           width: 700,

           colNames:['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],

           colModel:[{name:'id', index:'id', width:65 },

                          {name:'invdate',index:'invdate', width:90},

                          {name:'name',index:'name', width:100},

                          {name:'amount',index:'amount', width:80, align:"right"},

                          {name:'tax',index:'tax', width:80, align:"right", stype:'select', editoptions:

                              {value:":All;0.00:0.00;12:12.00;20:20.00;40:40.00;60:60.00;120:120.00"}},

                          {name:'total',index:'total', width:80,align:"right"},

                          {name:'note',index:'note', width:150, sortable:false}],

           rowNum:10,

           mtype: "POST",

           rowList:[10,20,30],

           imgpath: gridimgpath,

           pager: '#s3pager',

           viewrecords: true,

           rownumbers: true,

           sortorder: "desc",

           gridview : true,

           caption:"Toolbar Search Example", })

         .navGrid('#s3pager', {edit:false,add:false,del:false,search:false,refresh:false})

         .navButtonAdd("#s3pager",

             {caption:"Toggle",title:"Toggle Search Toolbar", buttonicon :'ui-icon-pin-s',

              onClickButton:function(){ mygrid[0].toggleToolbar() }})

         .navButtonAdd("#s3pager",

             {caption:"Clear",title:"Clear Search",buttonicon :'ui-icon-refresh',

              onClickButton:function(){ mygrid[0].clearToolbar() }});

       mygrid.filterToolbar();

      });

   </script>

   </head>

   <body>

     <table id="s3list" class="scroll" cellpadding="0" cellspacing="0"></table>

     <div id="s3pager" class="scroll" style="text-align:center;"></div>

  </body>

</html>

]]> Fri, 06 Nov 2009 05:15:47 +0200