Kendo veri ızgarası - iç içe JSON nesnesinden sütun değeri nasıl ayarlanır? Ben JSON böyle yapıyla sahip

Question

:

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

nasıl olmalı alanları ve modelde ayar kullanarak sütuna address.street değerlerini geçmek için?

Her türlü tavsiye için çok teşekkürler.

Answer 1

Eğer @RobinGiltner anlaşılacağı ne tek bir sütunda tüm değerleri göstermek isterseniz http://jsbin.com/gizab/1/edit de http://docs.telerik.com/kendo-ui/api/web/grid#configuration-columns.template

bakınız örnek. Eğer yapabileceğiniz farklı bir sütunda address her üyesi göstermek istiyorsanız

:

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"); 

yani .: alanın adı olarak address.street kullanın. Bu, alanı aşağıdaki gibi düzenleyebilmenizi sağlar:

Answer 2

İstediğiniz adresin parçalarını görüntülemek için kılavuz sütun tanımında bir şablon kullanabilirsiniz.

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

Kendo sütun şablonu için belgelere bakın.

Answer 3

@OnaBai İyi ve sezgisel bir yanıt. Ne yazık ki Kendo, her zaman iç içe geçmiş mülklerle bu şekilde işe yaramaz. Örneğin biçimlendirme işe yaramıyor. Yuvalanmış özelliklere erişmek için veri kaynağı şemasını kullanan bir örnek. Bu şekilde biçimlendirmeyi kullanabilirsiniz, ancak bir şema modeli belirtmeniz gerekir.

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 iç içe özelliklerine erişmek için de bu Telerik example bakınız.