Javascript et php

**Kaamo** · 06/08/2013, 11h56

T'es sûre de vouloir le nom ? JE me réfère au code que tu postes depuis le début :

Code :

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

1
2
3
4
5
6
$data_set .=   "{";
$data_set .=     "date:'"     . $rows_inc['date_Inc'] . "',";
$data_set .=     "name:'"     . $rows_inc['name_Inc'] . "',";
$data_set .=     "desc:'"     . $rows_inc['desc_Inc'] . "',";
$data_set .=     "location:'" . $rows_inc['id_Loc']   . "'";
$data_set .=   "},";

Tu sembles vouloir l'id. Dans ce cas, reprends ta requête initiale alors.

**Madusa** · 06/08/2013, 12h03

Je vais commencer avec le ID pour ne pas aller trop vite
Donc je viens de finir avec la requete et ça marche( en y allant pas à pas , j'ai fini par trouver

)
Maintenant je dois faire marcher mon script:

Code php :

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
44
45
46
47
<?php 
$sql_inc="SELECT date_Inc AS date , name_Inc AS name, desc_Inc AS description , id_Loc AS id
            FROM incident
            WHERE id_Pb = 1 
            ORDER BY date_Inc DESC
            LIMIT 4";
$res_inc=mysql_query($sql_inc);
$data_row = array();
while($rows_inc=mysql_fetch_assoc($res_inc)){
 
 $data_row[] = $rows_inc;
}$data_set = json_encode($data_row);echo $data_set;
?>
 
 
 
<script>
 
//ondeclare une variable et on affecte le code PHP
<?php echo json_encode($data_row);?>
//on controle le schéma js
alert(data_set);
//on verifie le type de donnée js
alert(typeOf(data_set));
var dataSource = new kendo.data.DataSource({
  data: [data_set]
});
$("#grid").kendoGrid({
  columns: [
    { field: "date" },
    { field: "name" },
	{ field: "desc" },
	{ field: "location" }
  ],
  dataSource: dataSource,
 groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true
                        },});
 var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
</script>
        </div>
 </body>
</html>

Pourquoi je n'ai pas l'affichage de la grid de Kendo?Je vais essayé de te donner ce que je trouve en changeant des choses mais j'ai peur que mon script ne marche pas ...

Invité · 06/08/2013, 12h09

Code :

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

blablabla AS bla

AS permet de donner un ALIAS : "blablabla" alias "bla"

DESC, ASC, DATE... sont des mots réservés en SQL (ils correspondent déjà à une instruction SQL)

Tu ne peux donc pas écrire :

Code :

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

... AS desc

Sous peine de s'exposer à des confusions, ou des erreurs d'interprétation.

**Madusa** · 06/08/2013, 12h12

Oui je viens de voir ceci donc j'ai changé en "description"...
Merci

**Kaamo** · 06/08/2013, 12h14

n'oublie pas de changer desc en description du coup dans le reste du script.

Code :

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

1
2
3
var dataSource = new kendo.data.DataSource({
  data: [data_set]
});

C'est quoi ça

Code :

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

1
2
3
var dataSource = new kendo.data.DataSource({
  data: <?php echo $data_set; ?>
});

et n'oublie pas d'enlever les echo qui ne servent à rien une fois le "débuggage" terminé

Invité · 06/08/2013, 12h14

De plus,
quel est vraiment l'intérêt de mettre des alias ici ?

Code :

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

$sql_inc="SELECT date_Inc AS date , name_Inc AS name, desc_Inc AS description , id_Loc AS id

Le tout, comme dit Kaamo, est de rester cohérent tout au long de son code.

**Kaamo** · 06/08/2013, 12h18

C'est vrai qu'il suffit de renommer le javascript directement ici :

Code :

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

1
2
3
4
5
6
columns: [
  { field: "date" },
  { field: "name" },
  { field: "desc" },
  { field: "location" }
],

**Madusa** · 06/08/2013, 12h20

Mon script ne fonctionne pas , je ne comprend pas pourquoi:

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
<script>
 
 
var dataSource = new kendo.data.DataSource({
  data: [data_set]
});
$("#grid").kendoGrid({
  columns: [
    { field: "date" },
    { field: "name" },
	{ field: "desc" },
	{ field: "location" }
  ],
  dataSource: dataSource,
 groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true
                        },
});
 
 
 
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
</script>

Le fonctionnement est le suivant pour moi:
Je prépare ma requête
Je l’exécute
Une boucle pour mettre dans un tableau chaque résultat de la requete (l'un aà la suite de l'autre)
Grace a json_encode : permettre {"date":"2013-23-5",......} et data_set=json_encode(....)

Et ensuite dans le script du JS :

Code :

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

1
2
3
var dataSource = new kendo.data.DataSource({
  data: [data_set]
});

car la syntaxe est

Code :

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

1
2
3
4
var dataSource = new kendo.data.DataSource({
  data: [
    { name: "John Doe", age: 33 }
  ]

Donc cela correspond bien à la syntaxe de mon data_set (sauf que name n'est pas entre guillemet)
Mais cela ne fonctionne pas

**Madusa** · 06/08/2013, 12h22

Les alias permettent d'avoir les memes noms que les fields
A oui merci ça marche

Bon maintenant pour changer la taille de mes colonnes , je dois gérer le fichier CSS donnée par :

Code :

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

1
2
   <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />

?et pour gérer la taille du tableau en fonction des informations de ma base de données je dois changé également le CSS

**Madusa** · 06/08/2013, 12h32

je me met au boulot

Seul truc que je n'ai aps compris (meme si cela fonctionne) est la syntaxe diférente dans datasource...Peut tu m'expliquer?

**Kaamo** · 06/08/2013, 14h12

Seul truc que je n'ai aps compris (meme si cela fonctionne) est la syntaxe diférente dans datasource...Peut tu m'expliquer?

Tu fais bien de poser la question, tu dois être maître de ton code et ne rien laisser au hasard

Quelle syntaxe différente ? Qu'est-ce qui est différent selon toi ?

Peux tu poster le code qui fonctionne ? Histoire de voir si on peut l'améliorer et t'expliquer comment

Invité · 06/08/2013, 14h38

une des grandes spécialités de madusa est de ne pas montrer son code...

[Edit] Je rectifie : ... d'attendre qu'on lui demande...

**Madusa** · 06/08/2013, 15h11

Donc voici le code qui fonctionne

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
 
<head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" /><link href="styles/kendo.default.min.css" rel="stylesheet" />
 
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>
 
<body>
<?php include("menu.php"); ?>
 
<?php include("connexionbdd.php"); // query for the definition, type of this problem
?>
<?php 
 
$sql_pb="SELECT * from problem where id_Pb=1";
$res_pb=mysql_query($sql_pb);
$rows_pb=mysql_fetch_assoc($res_pb);
 
 
?></br></br></br></br>Definition:<?php echo $rows_pb['def_Pb'];
$var=$rows_pb['id_Pb_Type']
 
 ?> </br></br>
 <script src="people.js"></script>
 
        <div id="example" class="k-content">
            <div id="clientsDb">
 
                <div id="grid" style="height:580px"></div>
 
            </div>
 
            <style scoped>
			<?php //tableau: placement ?>
                #clientsDb {
                    width:1200px;
 
                    margin-left:5px;
 
                    padding:0px 40px 0px 0px;
 
                }
            </style>
            <div id="grid"></div>
<div id="grid"></div>
<?php 
$sql_inc="SELECT date_Inc AS date , name_Inc AS name, desc_Inc AS description , id_Loc AS id
            FROM incident
            WHERE id_Pb = 1 
            ORDER BY date_Inc DESC";
            
$res_inc=mysql_query($sql_inc);
$data_row = array();
while($rows_inc=mysql_fetch_assoc($res_inc)){
 
 $data_row[] = $rows_inc;
}$data_set = json_encode($data_row);
?>
 
 
 
<script>
 
 
var dataSource = new kendo.data.DataSource({
  data: <?php echo $data_set; ?>
});
$("#grid").kendoGrid({
  columns: [
    {width:150, field: "date" },
    { width:300,field: "name" },
	{ width:500,field: "description" },
	{ width:200,field: "location" }
  ],
  dataSource: dataSource,
 groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true
                        },
});
 var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
</script>
        </div>
  </body>
 
</html>

Donc j'ai trouvé un exemple:

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
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
      { name: "Jane Doe", age: 30 }
  ]
});
var dataSource = new kendo.data.DataSource({
  data: [
    { name: "John Doe", age: 33 }
  ]
});
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
</script>

ce qui montre que la syntaxe est la suivante pour la méthode Datasource est :

Code :

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

1
2
3
4
new kendo.data.DataSource({
  data: [
    { name: "John Doe", age: 33 }
  ]

Or moi je donne $data_set et en faisant un un écho je trouve:
{"date":"25-06-2013",.....} .

Donc les guillemets me dérangent...

**Madusa** · 06/08/2013, 15h14

pour la requete j'ai essayé ceci:

Code :

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

1
2
3
4
"SELECT date_Inc.incident  AS date , name_Inc.incident AS name, desc_Inc.incident,name_Loc.location AS name FROM incident LEFT JOIN location
           ON id_Loc.incident=id_Loc.location
           WHERE id_Pb = 1 
           ORDER BY date_Inc DESC";

Mais ça ne fonctionne pas

Invité · 06/08/2013, 15h18

Quelques précisions :

Si tu as un message d'erreur, montre-le + montre la ligne concernée
"ça ne fonctionne pas" N'EST PAS un message d'erreur

Pour t'aider au débogage (à trouver à partir de quel endroit ça m...) :

en PHP : echo ...; var_dump(...); print_r(...);
en JS : alert(...);

**Madusa** · 06/08/2013, 15h22

mysql_fetch_assoc() expects parameter 1 to be resource à la ligne while :

Code :

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

1
2
3
4
5
6
7
8
9
$sql_inc="SELECT date_Inc.incident  AS date , name_Inc.incident AS name, desc_Inc.incident,name_Loc.location AS name FROM incident LEFT JOIN location
           ON id_Loc.incident=id_Loc.location
           WHERE id_Pb = 1 
           ORDER BY date_Inc DESC";
 
 
$res_inc=mysql_query($sql_inc);
$data_row = array();
while($rows_inc=mysql_fetch_assoc($res_inc)){

Ma requete est donc fausse

Invité · 06/08/2013, 15h26

Ecrit "proprement"/lisiblement, ça donne :

Code :

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

1
2
3
4
5
6
7
8
9
10
$sql_inc = "SELECT 
	date_Inc.incident AS date, 
	name_Inc.incident AS name, 
	desc_Inc.incident,
	name_Loc.location AS name 
	FROM incident 
	LEFT JOIN location
	ON id_Loc.incident=id_Loc.location
	WHERE id_Pb = 1 
	ORDER BY date_Inc DESC";

=> On voit TOUT DE SUITE le problème :
Tu intervertis le nom des tables et celui des champs !

(Le changement, c'est maintenant !)

Apprends à écrire tes requêtes de cette manière :
tu verras que le débogage en est NETTEMENT simplifié.

**Madusa** · 06/08/2013, 15h27

je crois que j'ai trouvé mes erreurs

Invité · 06/08/2013, 15h30

Code :

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

1
2
3
4
5
6
7
8
9
10
$sql_inc = "SELECT 
	incident.date_Inc AS date, 
	incident.name_Inc AS name, 
	incident.desc_Inc,
	location.name_Loc AS name 
	FROM incident 
	LEFT JOIN location
	ON incident.id_Loc = location.id_Loc
	WHERE incident.id_Pb = 1 
	ORDER BY incident.date_Inc DESC";

C'est là que les "ALIAS de tables" se montrent intéressants :

Code :

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

1
2
3
4
5
6
7
8
9
10
$sql_inc = "SELECT 
	INC.date_Inc AS date, 
	INC.name_Inc AS name, 
	INC.desc_Inc,
	LOC.name_Loc AS name 
	FROM incident AS INC 
	LEFT JOIN location AS LOC
	ON INC.id_Loc = LOC.id_Loc
	WHERE INC.id_Pb = 1 
	ORDER BY INC.date_Inc DESC";

**Madusa** · 06/08/2013, 15h31

Oui je venais de trouver

merci!!

Javascript et php

JavaScript

Discussions similaires

Partager

Partager