Таблица данных JQuery не отображает данные JSON - PullRequest
Новая
       216

Таблица данных JQuery не отображает данные JSON

1 голос
/ 07 октября 2011

У меня есть служба REST на сервере, которая возвращает данные JSON.Я получаю значение и могу печатать на клиенте JQuery, используя приведенный ниже фрагмент кода.Но база данных, которую я использую, не отображает информацию.Я также использовал aoColumns в таблице данных, чтобы отобразить данные JSON в столбец таблицы.Что может быть не так? 

$.getJSON(dataSource, function(data) {
    var items = [];
    $.each(data, function(key, val) {
        items.push('<li id="' + key + '">' + key + '</li>');
    });

    $('<ul/>', {
        'class': 'my-new-list',
        html: items.join('')
    }).appendTo('body');
});

ниже приведены имена столбцов JSON и значение, возвращаемое службой REST 

  * aprop : 1
* bprop : 7935408
* cprop : 2010-09-21 00:00:00.0
* dprop : Y
* eprop : 2
* fprop : 2010-09-21 16:10:22.0
* gprop : 3
* hprop : 10407198
* iprop : 4

DataTable 

oTable = $("#myTable").dataTable({
    bJQueryUI: true,
    "bPaginate": true,
    //Pagination": "full_numbers",
    "sPaginationType": "two_button",
    "bProcessing": true,
    "sAjaxSource": 'RequestTrades.htm',
    "sScrollX": "100%",
    "sScrollXInner": "110%",
    "bScrollCollapse": true,
    "aoColumnDefs": [{
        "bSearchable": false,
        "bVisible": false,
        "aTargets": [1]
    }],
    "aoColumns": [
        { "sName": "aprop" }, 
        { "sName": "bprop" }, 
        { "sName": "cprop" }, 
        { "sName": "dprop" }, 
        { "sName": "eprop" }, 
        { "sName": "fprop" }, 
        { "sName": "gprop" }, 
        { "sName": "hprop" }, 
        { "sName": "iprop" }
    ]
});

Это мойстол 

<TABLE id=myTable cellpadding="0" cellspacing="0" border="0" class="display" width="100%" onmouseover="this.style.cursor='pointer'">
    <THEAD>
            <TR>
                    <TH width="100" >Col1</TH>
                    <TH width="100"  >Col2</TH>
                    <TH width="200" >Col3</TH>
                    <TH width="221" >Col4</TH>
                    <TH width="221" >Col5</TH>
                    <TH width="400" >Col6</TH>
                    <TH width="1200" >Co7</TH>
                    <TH width="221" >Col8</TH>
                    <TH width="221" >Col9</TH>
            </TR>
    </THEAD>
    <TBODY>
    </TBODY>
</TABLE>
...