YUI Datatable'da JSON nesnesini görüntüleme

Question

YUI DataTable'ı kullanarak aşağıdaki JSON nesnesini görüntülemeye çalışıyorum. YUI DataTable'da lastName, firstName, startDate, employeeCode, employeeStatus'u başarıyla gösterebiliyordum. Ama içsel nesnedeki değerleri gösteremedim. Sütun grubunda user.userId'u denedim ve DataTable'da {value} olarak görüntülenir. Bu kod parçası ile yanlış bir şey

<script type="text/javascript"> 
YUI().use("jsonp", 'sortable', 'json-parse', 'datatable', "datatable-sort", "io", "node", function(Y) { 
var nestedCols = [ 
    {key : "employeeCode",label : "Employee Code", sortable:true}, 
    {key : "firstName", label : "First Name",sortable: true}, 
    {key : "lastName", label : "Last Name", sortable:true}, 
    {key : "user.userId", label : "Email Id"}, 
    ]; 
Y.io('/Employee/AjaxList', { 
on : { 
success : function(tx, r) { 
var data = Y.JSON.parse(r.responseText); 
var table = new Y.DataTable.Base({ 
     columnset : nestedCols, 
     recordset : data, 
     }).plug(Y.Plugin.DataTableSort); 
     table.render("#empTable"); 
} 
} 
}); 
}); 
</script> 

vardır: İşte

[  
{ 
      "lastName": "MyLastName", 
      "firstName": "MyFirstName", 
      "startDate": "11-11-11", 
      "employeeCode": "124", 
      "employeeStatus": "Permanent", 
      "user": { 
       "key": { 
        "name": null, 
        "parent": { 
         "name": null, 
         "parent": null, 
         "id": 855, 
         "namespace": "", 
         "complete": true, 
         "kind": "Employee" 
        }, 
        "id": 856, 
        "namespace": "", 
        "complete": true, 
        "kind": "Users" 
       }, 
       "salt": null, 
       "userId": "myemail@example.com", 
       "status": true, 
}, 
{ 
... 
} 
] 

JavaScript kodudur? DataTable'da user.userId değerini nasıl gösterebilirim?

Not: JSON Jackson kullanılarak oluşturulur ve uygulama GAE'nin/J geliştirildiği

---

Update:

I @Luke tarafından öneri takip DataSource kullanılır. Bu sefer sadece başlıklarla boş bir DataTable aldım. İşte kod pasajı.

YUI().use("datasource-get", "datatable-base", "datatable-datasource","datasource-arrayschema", function (Y) { 

var url = "/Employee/AjaxList?"; 
var dataSource, table; 

dataSource = new Y.DataSource.Get({ source: url }); 

dataSource.plug(Y.Plugin.DataSourceArraySchema, { 
     schema: { 
       resultFields: ["firstName", "lastName"] 
       } 
     }); 

var cols = ["firstName", "lastName"]; 

table = new Y.DataTable.Base({ 
       columnset: cols, 
}); 

table.plug(Y.Plugin.DataTableDataSource, { datasource: dataSource }); 

table.render("#empTable"); 

table.datasource.load(); 
}); 

Answer 1

ile Y.DataSource.Get yerine bu adımları takip etmek gerekir: http://yuilibrary.com/forum/viewtopic.php?f=92&t=8685

Bu DataTable & DataSource ile mücadele başkası yardımcı olur

YUI().use("datasource-io", "datasource-jsonschema", "datatable-base", "datatable-datasource", "datatable-scroll", 
      function (Y) { 
    var cols = [  
      { key: "name", label: 'Name' }, 
      { key: "email", label: "Email" }, 
      { key: "user.username", label: 'Username' }, 
      { key: "user.password", label: 'Password' }, 
     ]; 
    car url = "/Employee/AjaxList"; 
    var ds = new Y.DataSource.IO({ 
     source:url 
    }); 
    ds.plug(Y.Plugin.DataSourceJSONSchema, { 
      schema: { 
       resultFields: [ 'name', 'email', 'user.username', 'user.password' ], 
      } 
     }); 
    var dt = new Y.DataTable.Base({ 
     columnset:cols }) 
     .plug(Y.Plugin.DataTableDataSource, {datasource:ds}); 
    dt.render("#dtable"); 
    dt.datasource.load(); 
}); 

Umut:

İşte benim için çalıştı kodudur.

Answer 2

İç içe geçmiş değerleri ayrıştırmak için datasource-jsonschema kullanmanız gerekir. Bu örneğe bakın: http://yuilibrary.com/yui/docs/datatable/datatable-dsget.html

Sen forumda Yazımın aşağıdaki YUI Forumlarında çözüm var Y.DataSource.IO