Affichage d'un datatable

**Palsajicoco** · 18/03/2011, 14h47

Bonjour,
Je viens de créer une fichier html qui contient du code javascript pour afficher un datatable. j'ai fait les commandes de base de l'API et j'ai choisi comme exemple un tableau que j'ai saisi moi meme. j'ai fait le code dans une methode que je l'execute a la fin. Le code ne marche pas et il me semble qu'il me manque une commande.
Voici le 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
58
59
60
61
<!DOCTYPE html>
<html>
  <body>
 
    <script type="text/javascript">
/*
 * Object: DJR
 * Dynamic Javascript Reports Representations 
 * 
 * Properties: 
 * 
 * 
 */
var DJR = {
dataTableHolder: "",
jqPlotHolder:[],
jqDataTable:{
			/*
			 * Method: jqDataTable.load
			 * Loads the jqDataTable . 
			 */
			load: function(options){
						var content = '<table width="400px" cellpadding="0" cellspacing="0" border="0" class="dataTable" id="' + 
						tableId + '"></table>';
						DJR.dataTableHolder = $("#" + tableId).dataTable( {
							"aaData": [
									/* Reduced data set */
									[ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ],
									[ "Trident", "Internet Explorer 5.0", "Win 95+", 5, "C" ],
									[ "Trident", "Internet Explorer 5.5", "Win 95+", 5.5, "A" ],
									[ "Trident", "Internet Explorer 6.0", "Win 98+", 6, "A" ],
									[ "Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A" ],
									[ "Gecko", "Firefox 1.5", "Win 98+ / OSX.2+", 1.8, "A" ],
									[ "Gecko", "Firefox 2", "Win 98+ / OSX.2+", 1.8, "A" ],
									[ "Gecko", "Firefox 3", "Win 2k+ / OSX.3+", 1.9, "A" ],
									[ "Webkit", "Safari 1.2", "OSX.3", 125.5, "A" ],
									[ "Webkit", "Safari 1.3", "OSX.3", 312.8, "A" ],
									[ "Webkit", "Safari 2.0", "OSX.4+", 419.3, "A" ],
									[ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ]
							],
							"bJQueryUI": true,
							"aaSorting": [[ 1, "desc" ]],
							"aoColumns": [
									{ "sTitle": "Engine" },
									{ "sTitle": "Browser" },
									{ "sTitle": "Platform" },
									{ "sTitle": "Version"},
									{ "sTitle":  "Grade"}
							],
							"fnDrawCallback":function(){
 
						}
					});
				} 
			}
		},
		jqDataTable();
		</script>
 
  </body>
</html>

Merci d'avance.

**SpaceFrog** · 18/03/2011, 14h55

jqDataTable();
est supposé lancer quoi ?

tu crées un objet DRJ faut peur etre en instancier un avant ?

**Palsajicoco** · 18/03/2011, 15h06

Merci pour la reponse,
J'essaye d'afficher le tableau donc executer la fonction load, et la commande a la fin c'est pour l'executer, j'ai essayé avec

Code :

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

jqDataTable.load();

mais ca ne marche pas aussi. je sais, je suis super debutant ^^'

**SpaceFrog** · 18/03/2011, 15h08

tu n'a pas instancé dobjet DRJ ...

essaye un truc du genre

Code :

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

1
2
3
DR1= new DRJ
 
DR1.jqDataTable.load();

si tant est que le code du DRY retourne quelque chose

**Palsajicoco** · 18/03/2011, 15h12

J'ai essayé et ca ne marche toujours pas , pourtant il parait que tout est bon au niveau de la declaration du datatable, et j'ai meme verifié avec les tutotials.

**SpaceFrog** · 18/03/2011, 15h18

Code :

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

 $("#" + tableId)

il sort d'ou tableid ?

**Palsajicoco** · 18/03/2011, 15h30

Ah oui je suis desolé, je devrai l'initialiser dans ce code, je vais devoir l'utiliser ulterieurement pour referencier les tables pour le rafraichissement,
je pourrais ajouter

Code :

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

1
2
3
 
var tableId = 0,
var content = '<table width="400px" cellpadding="0" cellspacing="0" border="0" class="dataTable" id="' + tableId + '"></table>';

mais ca ne resoud toujours pas le probleme,

**SpaceFrog** · 18/03/2011, 15h33

Code :

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

$("#" + tableId)

tu as jquery installé ?
tu as une balise avec un id = tableID ???

j'ai comme l'impression que tu t'es lancé dans un truc sans avoir les bases html js

**Palsajicoco** · 18/03/2011, 15h42

Oui je l'ai installé, j'ai meme pu afficher ca mais a partir des données des xactions. on peut meme enlever cet id pour le moment il sert a rien ..
J'ai just suivi un guide de construction de tables dynamiques et je veux l'afficher ^^'

**SpaceFrog** · 18/03/2011, 16h00

ben non l'id sert a pointer sur la balise de la page dans laquelle tu va mettre le tableau ...

**Palsajicoco** · 18/03/2011, 16h06

bon, je voyais l'utilité sur le refresh mais je dois me tromper, alors aucun moyen d'afficher mon datatable ?

**SpaceFrog** · 18/03/2011, 16h08

ben si mais pas le mettre dans un element qui n'existe pas ...

**Palsajicoco** · 18/03/2011, 16h13

j'espere bien et comme j'ai dis je suis debutant et franchement je vois pas la solution tu peux m'aider s'il te plait? ^^

**SpaceFrog** · 18/03/2011, 16h22

c'est quoi dataTable ???
c'est supposé faire quoi ton bouzin ?

**Palsajicoco** · 18/03/2011, 16h25

datatable est une API de javascript qui affiche des tables dynamiques, J'ai suivi les etapes de ce lien: http://www.datatables.net/ et je devrai afficher un tableau. les elements du tableau doivent etre dans aaData et les titres dans aoColumns exactement comme j'ai ecri.

**SpaceFrog** · 18/03/2011, 16h32

tu as du rater cette page ???
http://www.datatables.net/usage/
tu as downloadé et intégré le plugin ?

**Palsajicoco** · 18/03/2011, 16h50

Franchement, j'ai pas su et je suis perdu

je sais pas quand integrer le code javascript dans le code html ..

**SpaceFrog** · 18/03/2011, 16h59

tu as téléchargé les fichiers ???
mis une balise script pointant sur le fichier js du plugin dans le head de la page html ?

tu devrais aller voir les tutos de base pour integrer jquery et ses plugins ...

**Palsajicoco** · 18/03/2011, 17h11

Ok merci bien je vais voir

Affichage d'un datatable

JavaScript

Discussions similaires

Partager

Partager