jQuery Grid Plugin - jqGrid - Topic: Multiple Toolbar Search Example http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example Simple:Press Version 5.7.5.3 donatello on Multiple Toolbar Search Example http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p20843 Help http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p20843 Sorry to ressurect such an old thread but I am having the same problem with the "Multiple Toolbar Search" demo under the version 3.3 section.

The first issue is that the Search button does not show at all. What worries me is that a "searchl.js" javascript file is shown to be used and one doesn't know what this javascript file does or where to get it. Second problem is that a tag called "#t_s1list" is used in the example code but where is this tag defined? I presume that it is a <div> tag but declaring it makes no difference.

I have checked for Javascript errors but no errors are shown in Firebug. Any help will be greatly appreciated!

]]> Tue, 16 Nov 2010 12:02:57 +0200 rong on Multiple Toolbar Search Example http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p4734 Help http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p4734 Hi,

Can someone post a full working example of Multiple Toolbar Search or any other filtering/search example. I just can't make the demo example work with my jsp page.

Appriciate your help.

Thanks,

Ron

]]> Thu, 19 Feb 2009 00:37:50 +0200 tony on Multiple Toolbar Search Example http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p4533 Help http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p4533 Hello,

Do you have any js errors?

Regards

]]> Mon, 09 Feb 2009 10:26:50 +0200 rong on Multiple Toolbar Search Example http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p4521 Help http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p4521 Hi,

At first the page did not show up at all (I got a blank page). Now, when using the source code from the example (exactlly the same except for path changes for the js, css and gif files), the grid show with data but:

1. The search button is not shown.

2. The search bar is displayed only after I close and open the grid.

Can anyone help me with this? Does anyone has a working example he can share with me?

This is my code:

search.jsp

<%@page contentType="text/html; charset=utf-8" %>
<%@page language="java" import="java.util.*,java.sql.*,javax.naming.*,javax.sql.*" %>

<!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>
<title>jqGrid Demo</title>
<link rel="stylesheet" type="text/css" media="screen" href="themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.jqGrid.js" type="text/javascript"></script>
<script src="js/jqModal.js" type="text/javascript"></script>
<script src="js/jqDnR.js" type="text/javascript"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
 
    jQuery("#s1list").jqGrid({
        url:'searchResult.jsp?q=1',
        datatype: "json",
        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", edittype:'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: 'themes/basic/images',
        pager: jQuery('#s1pager'),
        sortname: 'id',
        viewrecords: true,
        toolbar : [true,"top"],
        sortorder: "desc",
        caption:"Multiple Toolbar Search Example"
    });
   
    jQuery("#t_s1list").height(25).hide().filterGrid("s1list",{gridModel:true,gridToolbar:true});
    jQuery("#sg_invdate").datepicker({dateFormat:"yy-mm-dd"});
   
    jQuery("#s1list").navGrid('#s1pager',{edit:false,add:false,del:false,search:false,refresh:false})
    .navButtonAdd("#s1pager",{caption:"Search",title:"Toggle Search",buttonimg:'themes/basic/images/find.gif',
        onClickButton:function(){
            if(jQuery("#t_s1list").css("display")=="none") {
                jQuery("#t_s1list").css("display","");
            } else {
                jQuery("#t_s1list").css("display","none");
            }
        }
    });
  
});
</script>
</head>
<body>
<table id="s1list" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="s1pager" class="scroll" style="text-align:center;"></div>

</body>
</html>

]]> Mon, 09 Feb 2009 01:49:58 +0200 rong on Multiple Toolbar Search Example http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p4517 Help http://www.trirand.com/blog/?page_id=393/help/multiple-toolbar-search-example#p4517 Hi,

I'm trying to run the Multiple Toolbar Search Example i've found in the demo (under New in version 3.3)

but with no luck. Can someone post an example of the html page (server side not needed) ?

Thanks,

Ron

]]> Sun, 08 Feb 2009 16:18:23 +0200