Afficher table de BDD dans un jqGrid par Ugohihi - page 1

Bonjour, j'essaie tant bien que mal d'afficher à l'écran une table de ma BDD dans un jqGrid que j'ai créé, cependant je ne comprend pas vraiment comment cela fonctionne. J'ai bien lu la doc et essayé les démos disponibles sur le site officiel mais je n'arrive pas du tout à les adapter au code ci-dessous (surtout la partie côté serveur) afin d'obtenir un résultat convenable.

N'hésitez pas à me proposer des solutions pour le côté serveur, que ça soit PHP+MySQL ou AJAX :)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Sonde de test</title>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.2/css/ui.jqgrid.min.css">

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.2/jquery.jqgrid.min.js"></script> 
	<script>
		$(function (){
			$("#grid").jqGrid({
				colNames: ["ID", "Context", "IP", "Community", "Modèle", "Uptime", "Version Soft", "Version Patch", "Date d'ajout", "Date modif", "Refresh"],
				colModel: [
					{name:'id', index:'id', width:60, sorttype:'int', align:'center'},
					{name:'context', index:'context', width:130, align:'center'},
					{name:'ip', index:'ip', width:150, align:'center'},
					{name:'community', index:'community', width:100, align:'center'},
					{name:'modele', index:'modele', width:80, align:'center'},
					{name:'uptime', index:'uptime', width:150, align:'center'},
					{name:'soft', index:'soft', width:150, align:'center'},
					{name:'patch', index:'patch', width:150, align:'center'},
					{name:'ajout', index:'ajout', width:100, sorttype:'date', align:'center'},
					{name:'modif', index:'modif', width:100, sorttype:'date', align:'center'},
					{name:'refresh', index:'refresh', width:70, align:'center', formatter:refresh_Button}
				],
				data: [
					{id:"1",context:"LAB",ip:"xxx.xxx.xx.xx",community:"public",modele:"S57",ajout:"20-11-2017"}
				],
				caption: "Equipements disponibles :",
				sortname: 'id',
				sortorder:"desc",
				rowNum:20,
				rowList:[20,40,60],
				pager:'#yolo'
			});
			function refresh_Button(cellvalue, options, rowobject){
    			return '<button type="button" onclick="">Go</button>';

			}
			
		});
	</script>
</head>

<body>
<table id="grid"></table>
<div id="yolo"></div>
</body>
</html>

Afficher table de BDD dans un jqGrid

Afficher table de BDD dans un jqGrid

Supprimer

Modérer

Signaler le message aux modérateurs