Discussion :

[jayce23]

J'ai un web service WCF, et j'aimerais pouvoir afficher les données d'une méthode dans une dataTable depuis un fichier JavaScript.

Voici ma méthode dans mon web service:

Code :

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

1
2
3
[OperationContract]
    [WebInvoke(Method = "GET", ResponseFormat = WebMessageFormat.Json)]
    ResponseStatistic_1 Statistic_1();

Voici la classe ResponseStatistic_1.cs

Code c# :

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
public class ResponseStatistic_1 : IBaseClientEntity
{
    public ResponseStatistic_1()
    {
 
    }
 
    public ResponseStatistic_1(Statistic_1 [] items) : this()
    {
        this.Items = items;
    }
 
    public Statistic_1[] Items
    {
        get;
        set;
    }
}

Voici la classe Statistic_1.cs :

Code c# :

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
public class Statistic_1
{
    private string _geografisch_zone;
    private decimal[] _sum; 
    private int _yearStart;
    private int _yearEnd;
 
    public Statistic_1()
    {
     ...
    }
 
    public string Geografisch_zone
    {...
    }
 
    public decimal[] Sum
    {
     ...
    }
 
    public int YearStart
    {
     ...
    }
 
    public int YearEnd
    {
     ...
    }
}

Et mon code JavaScript :

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
function getStatistic1() {
 
var response;
var allstat1 = [];
 
$.ajax({
    type: 'GET',
    url: 'http://localhost:52768/Service1/Statistic_1',
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    success: function (msg) {
     response = msg.d;
     for (var i = 0; i < response.length; i++) {
 
         allstat1[i] =**???**
 
     }
 
         fillData(allstat1);**???**
 
    },
    error: function (e) {
        alert("error loading statistic 1");
    }
})
}
 
function fillData(data) {
 
$('#table_campaigns').dataTable({
    **???**
});
}

Comment je fais pour récupérer les données de cet objet ResponseStatistic_1?

Il me met comme erreur que "response is undefined".

Merci.

[SpaceFrog]

Pour avoir déja utilisé dataTable, il me semble que dans la doc il est bein spécifié un exemple d'utilisation de données dynamiques ..

[jayce23]

Merci d'avoir répondu.

Et pour récupérer les valeurs dans mon"success", je fais comment?

Je ne suis pas un expert en javaScript, je récupère quoi exactement dans msg?

Je fais "response.length" dans ma boucle, mais je suppose qu'il faut faire d'une autre manière car ça me dit "response is undefined"?

[SpaceFrog]

tu peux t'inspirer de ça ...
https://datatables.net/release-datat.../js_array.html

ou de ça en ajax
http://www.datatables.net/forums/dis...t-typeerror/p1

[jayce23]

Merci.

Pour le remplissage de la dataTable j'ai compris, mais j'ai toujours un soucis pour récupérer les valeurs depuis ma méthode web service.

J'ai regardé votre lien mais je ne comprends vu que je retourne un objet qui contient un array d'objet.

Auriez-vous une idée?

[SpaceFrog]

c'est a toi de formater la réponse de sorte que tu puisse la donner au dataTable ...

[jayce23]

Merci.

Pour formater ma réponse, je crée tout d'abord un array "allstat1" comme vous pouvez le voir dans mon code javascript.

Mais pour remplir cette array, dans ma boucle je dois faire quoi pour ajouter ligne par ligne dans mon array?

J'ai un exemple de code qui fonctionne apperemment

Code :

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

1
2
3
4
5
6
7
8
9
success: function(msg){
			response = msg.d;
			for(var i=0; i < response.length; i++){
				allCampaigns[i] = [response[i].name,response[i].subject ,response[i].senderName, response[i].messageName.replace(/%20/g, " "), 
								   '<a href="#" id="' + response[i].mailingIds[0] + '" onclick="showContactsPopup(' + response[i].mailingIds[0] + ');" >' + response[i].mailingName + '</a>',
								   response[i].sendStatus, response[i].sendDate];
			}
			fillCampaigns(allCampaigns);
		},

Moi, il me met une erreur au niveau du "response".