JQxTreeGrid правильно отображается, но данные не загружаются из источника json

Question

Буду признателен за помощь в решении этой проблемы, пожалуйста. Итак, у меня есть следующий код для загрузки данных Json в сетку Jquery.... jqxTreegrid. Пока что сетка отображается, а данные - нет. Кроме того, отладчик не показывает никаких ошибок. Итак, я был бы признателен за любую помощь, чтобы решить эту проблему, пожалуйста.

$(document).ready(function () {
    // prepare the data
    var source =
    {
        dataType: "json",
        dataFields: [
            { name: 'sid', type: 'string' },
            { name: 'id', type: 'string' },
            { name: 'position', type: 'string' },
            { name: 'created_at', type: 'string' },
            { name: 'created_meta', type: 'number' },
            { name: 'updated_at', type: 'string' }, 
            { name: 'updated_meta', type: 'string' },
            { name: 'meta_data', type: 'string' }, 
            { name: 'community_area_number', type: 'number' },
            { name: 'community_area_name', type: 'string' }


        ],
        hierarchy:
        { 
           root: 'sid'

        },
          id: 'sid',
        //url: 'http://www.filedropper.com/employeesadv'
        //url: 'gdiChicago/employeesadv.csv'
        url: 'data.cityofchicago.org_Births-to-mothers-aged-15_19_kva-bt6k.json'
    }; 
    var dataAdapter = new $.jqx.dataAdapter(source);

    $("#content").on('rowselect', function(event){
            // event arguments
        var args = event.args;
        // row data
        var rowData = args.row;
        // row key
        var rowKey = args.key;
        console.log('RowSelect selected');
        event.stopPropagation();
        });

     $("#content").on('bindingComplete', function(event)
        {
            $("#content").jqxTreeGrid('hideColumn', 'name');
            console.log('Tree successfully loaded');
        });

    $("#content").on('beforeLoadComplete', function (records) {
        var data = new Array();
        // update the loaded records. Dynamically add EmployeeName and EmployeeID fields. 
        for (var i = 0; i < records.length; i++) {
            var employee = records[i];
            console.log(employee);
        } 
    });

    // create Tree Grid
    $("#content").jqxTreeGrid(
    {
        width: 1000,
        source: dataAdapter, 
        pageable: true,
        columnsResize: true,
        ready: function()
        {
            // expand row with 'EmployeeKey = 32'
            $("#content").jqxTreeGrid('expandRow', 32);
        },
        columns: [ 
           { text: 'sid', dataField:  'sid', minWidth: 100, width: 300 },
           { text: 'id', dataField:'id', minWidth: 100, width: 300 },
           { text: 'position', dataField:'position', minWidth: 100, width: 300 },
           { text: 'created at', dataField:  'created_at' , minWidth: 100, width: 300 },
           { text: 'created meta', dataField:  'created_meta' , minWidth: 100, width: 300 },
           { text: 'updated at', dataField:  'updated_at', minWidth: 100, width: 300 },
           { text: 'updated meta', dataField:'updated_meta', minWidth: 100, width: 300 },
           { text: 'meta', dataField:'meta', minWidth: 100, width: 300 },
           { text: 'Community Area Number', dataField:  'community_area_number' , minWidth: 100, width: 300 }, 
           { text: 'community area name', dataField:  'community_area_name', minWidth: 100, width: 300 }           

        ]
    });

});

Источник данных json, который я пытаюсь загрузить, можно получить по этой ссылке. Статистика здравоохранения - Роды матерей в возрасте 15-19 лет в Чикаго, к 1999-2009 годам.

Answer 1

Вместо того, чтобы использовать

hierarchy:
{ 
  root: 'sid'    
},

попробуйте использовать

hierarchy:
     { 
        keyDataField: { name: 'sid' }        
     },