Comment lier les données JSON avec le Kendo Grille

À l'aide de MON Service WCF je suis d'exposer les données JSON:

 [OperationContract]
 [WebGet(ResponseFormat=WebMessageFormat.Json)]
 List<ProductDetails> GetProductDetails();

Voici un exemple de retour JSON:

{"d":[{"__type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10248,"ProductId":11,"UnitPrice":14.0000,"quanity":12},{"__type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10248,"ProductId":42,"UnitPrice":9.8000,"quanity":10},{"__type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10248,"ProductId":72,"UnitPrice":34.8000,"quanity":5},{"__type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10249,"ProductId":14,"UnitPrice":18.6000,"quanity":9},{"__type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10249,"ProductId":51,"UnitPrice":42.4000,"quanity":40}

En essayant de lier de Kendo de la Grille à l'aide de :

   <script>
                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "json",
                            transport: {
                                read: "http://localhost/KendoServices/Web/GetProductDetails"
                            },
                            pageSize: 10
                        },
                        groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true,
                            buttonCount: 5
                        },
                        columns: [{
                            field: "OrderId",
                            title: "OrderId",
                            width: 140
                        }, {
                            field: "ProductId",
                            title: "ProductId",
                            width: 190
                        }, {
                            field: "UnitPrice",
                            title: "UnitPrice"
                        }, {
                            field: "quanity",
                            width: 110
                        }]
                    });
                });
            </script>

Pour une raison quelconque, je ne suis pas en mesure de voir toutes les données sur la grille. Il y a peut être quelque chose de mal avec la façon dont je suis en train de lier mes données.

Juste une offre...essayez d'ajouter ServerOperation:false

OriginalL'auteur Simsons | 2014-02-20

  1. 2

    La résultante JSON est le coupable ici. Le kendo source de données par défaut semble pour le retour de l'objet à avoir les éléments dans un tableau appelé résultats. Simple à fixer. Juste besoin de définir l'endroit où les données sont dans la réponse de l'objet JSON.

    dataSource: {
    transport: {
        read: {
             url: "http://localhost/KendoServices/Web/GetProductDetails",
             dataType: 'json'
        }
    },
    pageSize: 10,
    schema: {
        data: function(response) {
            return response.d;
        }
    }
},

    --Edit...
    Oups, raté quelque chose d'autre. Votre type: 'json' doit être à l'intérieur de votre lecture de l'objet, et doit être dataType: 'json'

    Encore Même , Pas en mesure de voir toutes les données sur la grille
    Si vous mettez un arrêt sur le retour de réponse.d et d'inspecter l'objet de la réponse, a-t-elle l'ensemble de vos JSON en elle quelque part ?
    Pas en mesure d'Obtenir le Point de rupture de travail à la réponse.d mais peut checkin Fiddler, je suis tout à l'intérieur de JSON
    Voulez-vous dire à l'intérieur de transport de l'objet , si besoin à l'intérieur de lecture , Pouvez vous s'il vous plaît mise à jour de la Réponse avec le Code?
    Mise à jour de la source de données de transport.objet lire

    OriginalL'auteur Robin Giltner

  2. 0

    essayer cette

    dataSource: {
    transport: {
            read: {
                   url: "http://localhost/KendoServices/Web/GetProductDetails",
                   contentType: 'application/json; charset=utf-8',
                   dataType: "json"
                  }
    },
    schema: {
                 data: "d"
            }
    }
}

    OriginalL'auteur Abbas Galiyakotwala

  3. 0

    C'est la façon dont je l'ai fait:

        $("#grid").kendoGrid({
        dataSource: {               
            transport: {
                    read: { 
                            url : pUrl,
                            dataType: "json"
                    }
            },
            pageSize:40,                
            schema: {
                data: function(response) {
                    return response.json;
                }
            }               

        },
        height: 550,
        groupable: false,
        sortable: true,
        pageable: {
            refresh: false,
            pageSizes: false,
            buttonCount: 5
        },
        columns: [
            {
                field: "SEQ_NO",
                title: "No",
                filterable: false,
                width: 120
            }, {
                field: "LOT_NO",
                title: "Lot No (INS' No)"
            }, {
                field: "TYPE",
                title: "INPUT (At 100% Burden)"
            }, {
                field: "ATTRIBUTE01",
                title: "1.0 In"
            }, {
                field: "ATTRIBUTE02",
                title: "2.0 In"
            }, {
                field: "ATTRIBUTE03",
                title: "0.05 In"
            }, {
                   field: "RESILT",
                   title: "RESILT"
            }
        ]
    });

    Comment lier les données JSON avec le Kendo Grille

    En dehors des liens vers les images sont découragés.

    OriginalL'auteur phy