Aide implementation d'une grid xml/ajax

**Xrris** · 06/10/2009, 11h52

slt

Après avoir lu les tuto pour faire de l'ajax avec dojo, et après avoir lu comment créer une grid j'aimerais pouvoir créer un table de manière dynamique avec de l'ajax.
Je veux récupérer le résultat d'un requête ajax au format XML et affichier le contenu dans un grid.

Code :

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

1
2
3
4
5
6
7
 
        <div dojoType="dojox.data.XmlStore" url="http://127.0.0.1/projetBV/debut_dojo/test.xml"
        jsId="bookStore3" label="title">
 
        </div>
        <div id="grid" style="width: 400px; height: 300px;" dojoType="dojox.grid.DataGrid"
        store="bookStore3" structure="layoutBooks" query="{}" rowsPerPage="40">

Ce code me permet à partir de données en dure de les afficher dans le grid.

J'ai un script php qui lit dans la base et me retourne le résultat au format xml , j'aimerais combiner les 2.

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
 
function loadDataFromBDbyIB(id) 
	{
			//The parameters to pass to xhrPost, the message, and the url to send it to
            //Also, how to handle the return and callbacks.
            var xhrArgs = {
                url: "http://127.0.0.1/query1.php",
                postData: "",
                handleAs: "text",
                load: function(data) {
                    dojo.byId(id).innerHTML = data;
                },
                error: function(error) {
                    //We'll 404 in the demo, but that's okay.  We don't have a 'postIt' service on the
                    //docs server.
                    dojo.byId(id).innerHTML = error;
                }
            };
            dojo.byId(id).innerHTML = "Message being sent...";
            //Call the asynchronous xhrPost
            var deferred = dojo.xhrPost(xhrArgs);
    }

Existe-il des éléments dojo pour réaliser ca ?

Merci

**emmanuel.remy** · 06/10/2009, 16h17

Salut,
Bienvenue sur le forum de Dojo. Tu résouds simplement ton problème ainsi:

Code :

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

 <div dojoType="dojox.data.XmlStore" url="http://127.0.0.1/query1.php" ...>

Bon dev,

ERE

**Xrris** · 06/10/2009, 19h53

Merci mais avec ce code :

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
 
    <head>
        <link rel="stylesheet" type="text/css" href="./dijit/themes/tundra/tundra.css">
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <style type="text/css">
            @import "dojox/grid/resources/Grid.css";
            @import "dojox/grid/resources/nihiloGrid.css";
            .dojoxGrid table { margin: 0; }
        </style>
		<script type="text/javascript" src="./dojo/dojo.js" djConfig="parseOnLoad: true">
		</script>
 
		<script type="text/javascript">
			dojo.require("dojox.grid.DataGrid");
			dojo.require("dojox.data.XmlStore");
 
 
			var layoutBooks = [
				{
				field: "name",
				name: "name",
				width: 10,
				formatter: function(item) {
                                    return item.toString();
				}
			},
			{
				field: "name2",
				name: "name2",
				width: 20,
				formatter: function(item) {
					return item.toString();
				}
			}];
 
			//var bookStore3 = dojox.data.XmlStore({url: "http://127.0.0.1/projetBV/debut_dojo/test.xml", rootItem: "personne"});
 
		</script>
    </head>
 
    <body class="tundra ">
        <div dojoType="dojox.data.XmlStore" url="http://127.0.0.1/test_tab/query1.php"
        jsId="bookStore3" label="title">
 
        </div>
        <div id="grid" style="width: 400px; height: 300px;" dojoType="dojox.grid.DataGrid"
        store="bookStore3" structure="layoutBooks" query="{}" rowsPerPage="40">
        </div>
    </body>
 
 
</html>

Et ceci dans la response de "firebug"

Code :

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

1
2
 
<personnes><personne><name>0</name><name2>coucou0</name2></personne><personne><name>1</name><name2>coucou1</name2></personne></personnes>

Dans le grid j'ai "Une erreur est survenue"

**emmanuel.remy** · 06/10/2009, 22h56

Salut,

Cela devrait fonctionner, même si ton paramétrage est basique.
Ton fichier php envoie-t-il le bon header ( header ("content-type: text/xml");
); et un entête XML ?

ERE

**Xrris** · 07/10/2009, 10h16

Merci j'ai eu la réponse de pote hier c'était bien ca le problème !!!

Aide implementation d'une grid xml/ajax [Dojo]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager