Javascript et php

Version imprimable

Voir 40 message(s) de cette discussion en une page

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

Code:

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.

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:

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 ...

06/08/2013, 12h09
Invit�

Code:

blablabla AS bla

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

:alerte: 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:

... AS desc

Sous peine de s'exposer � des confusions, ou des erreurs d'interpr�tation.
06/08/2013, 12h12
Madusa

Oui je viens de voir ceci donc j'ai chang� en "description"...
Merci
06/08/2013, 12h14
Kaamo
n'oublie pas de changer desc en description du coup dans le reste du script.
Code:

1 2 3 var dataSource = new kendo.data.DataSource({ data: [data_set] });
C'est quoi �a :cry:
Code:

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�
06/08/2013, 12h14
Invit�

De plus,
quel est vraiment l'int�r�t de mettre des alias ici ? :koi:

Code:

$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.

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

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

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

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:

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

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

06/08/2013, 12h22
Madusa
Les alias permettent d'avoir les memes noms que les fields
A oui merci �a marche :ccool:

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

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
06/08/2013, 12h32
Madusa

je me met au boulot :D

Seul truc que je n'ai aps compris (meme si cela fonctionne) est la syntaxe dif�rente dans datasource...Peut tu m'expliquer?
06/08/2013, 14h12
Kaamo

Citation:

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
06/08/2013, 14h38
Invit�

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

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

Donc voici le code qui fonctionne

Code:

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:

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:

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...

pour la requete j'ai essay� ceci:

Code:

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 :?

06/08/2013, 15h18
Invit�
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(...);

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

Code:

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

Ecrit "proprement"/lisiblement, �a donne :
Code:

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 ! :yaisse3: (Le changement, c'est maintenant !)

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

06/08/2013, 15h27
Madusa

je crois que j'ai trouv� mes erreurs :)

Code:

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:

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

06/08/2013, 15h31
Madusa

Oui je venais de trouver :)
merci!!

Voir 40 message(s) de cette discussion en une page