jQuery Grid Plugin - jqGrid - Topic: Search Toolbar

cleaner on Search Toolbar

Sun, 30 Jan 2011 23:33:03 +0200

thanks;) works!! http://lineguides.netsons.org/.....tanza.html

OlegK on Search Toolbar

Sun, 30 Jan 2011 21:17:23 +0200

The main error in your code was that you used very strange index column properties. You code has also many small errors. Compare your version with the fixed version and you will see what I mean.

Best regards
Oleg

cleaner on Search Toolbar

Sun, 30 Jan 2011 16:43:33 +0200

mmm..:

1) I Download jqgrid with Grid base(jqGrid) and Custom(Additinal methods).

2) I write this code:

<html>
<head>
<title>jQuery Hello World Alert box</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.8.9.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-it.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
<table id="list19"></table>
<div id="gridpager"></div>
</head>
<script type="text/javascript">
$(document).ready(function()
{

   jQuery("#list19").jqGrid
   ({
       url: 'ranking.xml',
       datatype: "xml",
       colNames:["Squadra","Giocate","Vinte","Perse","Pareggiate","Gol fatti","Gol Subiti","Diff.reti","Punti"],
       colModel :[
                      {name:'squadra', index:'team', width:100, search:true, xmlmap:"squadra"},
                      {name:'giocate', index:'plays', width:100, xmlmap:"giocate"},
                      {name:'vinte', index:'win', width:100, xmlmap:"vinte"},
                      {name:'perse', index:'lost', width:100, xmlmap:"perse"},
                      {name:'pareggiate', index:'tie', width:100, xmlmap:"pareggiate"},
                      {name:'gol_x0020_fatti', index:'gfatti', width:100, xmlmap:"gol_x0020_fatti"},
                      {name:'gol_x0020_subiti', index:'gsubiti', width:100, xmlmap:"gol_x0020_subiti"},
                      {name:'differenza_x0020_reti', index:'diffreti', width:100, xmlmap:"differenza_x0020_reti"},
                      {name:'punti', index:'pnt', width:100, xmlmap:"punti"}
                  ],
       height:100,
       rowNum:10,
       rowList:[10,20,30],
       pager : '#gridpager',
       viewrecords: true,
       loadonce: true,
       xmlReader: {
                   root : "NewDataSet",
                   row: "Table",
                   repeatitems: false,
                   id: "squadra"
                   },
       sortorder: "punti",
       caption:'Classifica'
   });
   jQuery("#list19").jqGrid('filterToolbar', {stringResult: true, searchOnEnter: false, defaultSearch:"cn"});

});
</script>
<body>
<br>
<br>
</body>
</html>

3) The output is: lineguides.netsons.org/myproject3/LaStanza.html

The toolbar search is visible but doesn't work, try it..

some files must be configured with the fields of research?

thank you very much;)

OlegK on Search Toolbar

Sun, 30 Jan 2011 14:58:55 +0200

You should insert call of the function filterToolbar after the definition of the grid. For example

jQuery("#list19").jqGrid('filterToolbar', {stringResult: true, searchOnEnter: false, defaultSearch:"cn"});

Best regards
Oleg

cleaner on Search Toolbar

Sun, 30 Jan 2011 11:31:26 +0200

hi,

how do you insert search's toolbar in my Grid? I read the documentation but doesn't work..:(

help:D thanks

this is my code:


$(document).ready(function()
{
 
 jQuery("#list19").jqGrid
 ({ 
 url: 'ranking.xml', 
 datatype: "xml", 
 colNames:["Squadra","Giocate","Vinte","Perse","Pareggiate","Gol fatti","Gol Subiti","Diff.reti","Punti"], 
 colModel :[ 
 {name:'squadra', index:'team', width:100, xmlmap:"squadra"}, 
 {name:'giocate', index:'plays', width:100, xmlmap:"giocate"},
 {name:'vinte', index:'win', width:100, xmlmap:"vinte"},
 {name:'perse', index:'lost', width:100, xmlmap:"perse"},
 {name:'pareggiate', index:'tie', width:100, xmlmap:"pareggiate"},
 {name:'gol_x0020_fatti', index:'gfatti', width:100, xmlmap:"gol_x0020_fatti"},
 {name:'gol_x0020_subiti', index:'gsubiti', width:100, xmlmap:"gol_x0020_subiti"},
 {name:'differenza_x0020_reti', index:'diffreti', width:100, xmlmap:"differenza_x0020_reti"},
 {name:'punti', index:'pnt', width:100, xmlmap:"punti"}
 ], 	
 height:100, 
 rowNum:10, 
 rowList:[10,20,30],
 pager: '#pagernav',
 viewrecords: true, 
 loadonce: true, 
 xmlReader: { 
 root : "NewDataSet", 
 row: "Table", 
 repeatitems: false, 
 id: "squadra" 
 },
 sortorder: "punti",
 caption:'Classifica'
 });