Kendo-data-grid - wie man die Spalte Wert aus verschachtelten JSON-Objekt?

Habe ich JSON-Struktur wie diese:

"id":1,
"user_role":"ADMIN",
"state":"ACTIVE",
"address":{
   "street":"test 59",
   "city":"City test",
   "post_number":"25050"
},

Wie soll ich Werte übergeben der Adresse.Straße in die Spalte, und verwenden Sie die Einstellung in Feld und Modell?

Vielen Dank für jeden Rat.

InformationsquelleAutor redrom | 2014-06-26
  1. 12

    Wenn Sie wollen, um alle Werte in einer einzelnen Spalte zu tun, was @RobinGiltner schlägt.

    Wenn Sie wollen, um zu zeigen, jedes Mitglied der address in einer anderen Spalte, die Sie tun können:

    var grid = $("#grid").kendoGrid({
    dataSource: data,
    editable: true,
    columns   : [
        { field: "id", title: "#" },
        { field: "user_role", title: "Role" },
        { field: "address.street", title: "Street" },
        { field: "address.city", title: "City" },
        { field: "address.post_number", title: "Post#" }
    ]
}).data("kendoGrid");

    d.h.: verwenden Sie address.street als name des Feldes. Dies würde ermöglichen es Ihnen sogar, das Feld zu Bearbeiten, wie in dem Beispiel: http://jsfiddle.net/OnaBai/L6LwW/

    • tolles Beispiel. genau das was ich brauche.
    InformationsquelleAutor OnaBai
  2. 4

    @OnaBai Gute und intuitive Antwort. Leider Kendo funktioniert nicht immer gut mit verschachtelten Eigenschaften auf diese Weise. Zum Beispiel das formatieren nicht funktioniert. Hier ist ein Beispiel für die Verwendung Datenquelle shema Zugriff auf verschachtelte Eigenschaften. Auf diesem Weg können Sie formatieren, aber Sie müssen Sie ein schema-Modell.

      var grid = $("#grid").kendoGrid({
  dataSource: {
    data: data,
    schema: {
      model: {
        id: "id",
        fields: {
          id: { type: "number" },
          user_role: { type: "string" },
          address_street: { from: "address.street" },
          address_city: { from: "address.city" },
          address_post_number: {
            type: "number",
            from: "address.post_number"
          }
        }
      }
    }
  },
  columns: [{
    field: "id",
    title: "#"
  }, {
    field: "user_role",
    title: "Role"
  }, {
    field: "address_street",
    title: "Street"
  }, {
    field: "address_city",
    title: "City"
  }, {
    field: "address_post_number",
    title: "Post#",
    format: "{0:0#######}"
  }]
}).data("kendoGrid");

    Jsfiddle: http://jsfiddle.net/wtj6mtz2

    Siehe auch diese Telerik Beispiel für den Zugriff auf verschachtelte Eigenschaften.

    InformationsquelleAutor Tom
  3. 1

    Könnten Sie eine Vorlage verwenden, die auf der grid-definition für die Spalte zur Anzeige welche Teile der Adresse, die Sie wollte.

    { field: 'address', title: 'Address', template: '#= address.street#  #= address.city#, #= address.post_number# ' },

    Finden Sie in der Dokumentation für die kendo-Spalte template. http://docs.telerik.com/kendo-ui/api/web/grid#configuration-columns.template

    Siehe Beispiel auf http://jsbin.com/gizab/1/edit

    InformationsquelleAutor Robin Giltner
Schreibe einen Kommentar