jQuery Grid Plugin - jqGridForum

Topic RSS

Search Toolbar

30/01/2011
11:31

cleaner

Member

Members

Forum Posts: 4

Member Since:
30/01/2011

Offline

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'
 });

30/01/2011
14:58

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

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

30/01/2011
16:43

cleaner

Member

Members

Forum Posts: 4

Member Since:
30/01/2011

Offline

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;)

30/01/2011
21:17

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

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

30/01/2011
23:33

cleaner

Member

Members

Forum Posts: 4

Member Since:
30/01/2011

Offline

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

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
51 Guest(s)

Currently Browsing this Page:
1 Guest(s)