Forum


18:15

01/02/2009

jqGrid34beta2
<script src="objets/jquery-1.3.1.min.js" type="text/javascript" language="javascript"></script>
<script src="objets/jquery.jqGrid.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" language="javascript">
var gridimgpath = 'objets/themes/basic/images';
jQuery(document).ready(function(){
jQuery("#mylist").jqGrid({
url:'stats.php?nd='+new Date().getTime(),
datatype: 'json',
mtype: 'POST',
colNames:['id','browser', 'ip', 'date','heure','uri','from', 'cookie', 'page', 'site'],
colModel:[
{name:'id', index:'id', width:40},
{name:'browser',index:'browser', width:150, sortable:false},
{name:'ip', index:'ip', width:100, align:"right"},
{name:'date', index:'received', width:80, datefmt:'dd-mm-yyyy', align:'right'},
{name:'heure', index:'time', width:70, align:'right', sortable:false},
{name:'uri', index:'uri', width:280, sortable:false},
{name:'from', index:'coming_from', width:150, sortable:false},
{name:'cookie', index:'cookie', width:150},
{name:'page', index:'page_id', width:150},
{name:'site', index:'site_id', width:100}
],
mypager: jQuery('#mypager'),
rowNum: 10,
rowList: [10,20,30,50],
imgpath: 'objets/themes/basic/images',
sortname: 'id',
viewrecords: true,
sortorder: 'desc',
caption: 'stats',
height: '100%',
toolbar : [true, 'top']
});
jQuery("#t_mylist").height(25).hide().filterGrid("#mylist",{gridModel:true, gridNames:false, gridToolbar:true});
jQuery("#mylist").navGrid('#mypager',{edit:false,add:false,del:false,search:false,refresh:true})
.navButtonAdd("#mypager",{caption:'Cherchez',title:'Basculer vers la recherche', buttonimg: gridimgpath+'/find.gif',
onClickButton:function(){
if(jQuery("#t_mylist").css("display")=="none") {
jQuery("#t_mylist").css("display","");
} else {
jQuery("#t_mylist").css("display","none");
}
}
});
});
</script>
</head>
<body>
<!-- the grid definition in html is a table tag with class 'scroll' -->
<table id="mylist" class="scroll" cellpadding="0" cellspacing="0"></table>
<!-- mypager definition. class scroll tels that we want to use the same theme as grid -->
<div id="mypager" class="scroll" style="text-align:center;"></div>
01:11

Moderators
30/10/2007

Hello,
Also serch this forum for this message. Be a sure that all the needed css and js files are loaded.
Regards
Tony
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
38 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66