[AJAX] Input recherche dans une dbgrid

**thetrollman** · 30/04/2014, 15h55

Bonjour j'ai fais un DBgrid avec mes données. je les limites a 100 l'affichage pour un meuilleur temps de réponse et de délai ( j'ai 5500 lignes). J'aimerai faire un input des que je marque un caractère il cherche automatique dans la Bd et affiche les résultats correspondant.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="keywords" content="jquery,ui,easy,easyui,web">
	<meta name="description" content="easyui help you build your web page easily!">
 
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.edatagrid.js"></script>
	<script type="text/javascript">
		$(function(){
			$('#dg').edatagrid({
				url: 'get_users.php',
 
			});
		});
	</script>
</head>
<body>
 
 
	<table id="dg" title="My Users" style="width:800px;height:700px"
 
			rownumbers="true" fitColumns="true" singleSelect="true">
		<thead>
	<?php include("lookup.php");                    ?>
		<input onblur="autre();" onfocus="enter();" type="text" id="look" name="look" onkeypress="return searching(event, this, 'task');"/>			
			<tr>
				<th field="proNum" width="50" >proNum</th>
				<th field="proName" width="50" > proName</th>
				<th field="proDescription" width="50" >proDescription</th>
 
			</tr>
		</thead>
	</table>
 
 
</body>
</html>

Voici mon index. le input est identifié par le ID look. je pensais faire avec onkeypress mais je ne suis pas sur de ce que je fais.

voici mon get_user

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
 
include 'conn.php';
$rs = mysql_query('SELECT  `proNum` ,  `proName` ,  `proDescription` 
FROM  `projets` 
WHERE 1 
LIMIT 500');
$result = array();
while($row = mysql_fetch_object($rs)){
        array_push($result, $row);
}
 
echo json_encode($result);
 
?>

Donc je pensais faire une autre page php qui fais comme le getuser mais avec une clause where le input indiquer = soit proNum, , proName ou proDescription.
Si vous avez une idée je suis preneur car sérieusement cette partie je ne suis pas sur.

Je travaille en javascript , php, html, ajax, jquery dans la totalité de mon code ( J'ai présenter les parties que j'avais besoin d'aide)

un exemple de quelque chose semblable a ce que je cherche : http://www.iwobanas.com/wp-content/u...idExample.html

**thetrollman** · 30/04/2014, 16h43

réussi grace a un membre dans le chat voici comment j'ai fait : http://www.jeasyui.com/tutorial/datagrid/datagrid24.php

[AJAX] Input recherche dans une dbgrid

AJAX

Vue hybride

Discussions similaires

Partager

Partager