Как вставить следующие данные JSON в таблицу?

Я очень расстроен, пытаясь исправить следующий код. Я новичок в Javascript, и я бы немного помог здесь:Как вставить следующие данные JSON в таблицу?

У меня есть следующий код, где я попытался вставить все это в Bootstrap-Table, но безуспешно. Я всегда получаю следующую ошибку:

No matching records found.

<script> 
    function showResult(sectoresURL) { 

     $('#info').empty(); // First, remove all child in stack. 

     $.getJSON(sectoresURL, function (json) { 
     if (sectores.getVisible() && typeof(json.features[0]) != 'undefined') { 
      $('#info').append('<table id=table-javascript></table>'); 
      buildSectorTable(sectoresURL); 
     } 
     }); 
    } 

    function buildSectorTable(sectoresURL) { 

     $('#table-javascript').bootstrapTable({ 
       method: 'get', 
       url: sectoresURL, 
       cache: true, 
       height: 400, 
       striped: true, 
       pagination: true, 
       pageSize: 50, 
       pageList: [10, 25, 50, 100, 200], 
       search: true, 
       showRefresh: true, 
       minimumCountColumns: 2, 
       clickToSelect: false, 
       showToggle: true, 
       columns: [{ 
        field: 'type', 
        title: 'Numero', 
        align: 'center', 
        valign: 'bottom', 
        sortable: true 
       }] 
     }); 
    } 

    </script>

Здесь, я просто попытался вставить «Numero».

К слову, JSON данные:

{ 
    "type": "FeatureCollection", 
    "features": [ 
    { 
     "type": "Feature", 
     "id": "SectoresComunaCurico.34", 
     "geometry_name": "FiguraGeometrica", 
     "properties": { 
     "Numero": 19, 
     "Sector": "Cordillera" 
     } 
    } 
    ], 
    "crs": { 
    "type": "name", 
    "properties": { 
     "name": "urn:ogc:def:crs:EPSG::32319" 
    } 
    } 
}

источник

2015-02-28 Javier Muñoz

является примером данных всего набора данных или одного элемента из списка? –

Пожалуйста, покажите, что вы попробовали, чтобы мы могли попытаться обновить, а не ожидали, что кто-то здесь напишет это с нуля для вас. Также покажите ожидаемый результат – charlietfl

Возможно, проблема связана с тем, что список не находится на верхнем уровне данных. Я имею в виду, что '[{" key ":" value ", ...}, {" key ":" value2 ", ...}]' в отличие от '{" key ": [{" key " : "значение", ...}, { "ключ": "значение2", ...}]} ' –

Во-первых, определить таблицу в HTML с идентификатором, так что вы можете получить доступ к нему. Если вы используете Bootstrap, дайте ему необходимые классы. (class="table")

<table id="table-id"> 
    <thead> 
     <tr> 
      <th>Some Header</th> 
      <th>Another Header</th> 
     </tr> 
    </thead> 
    <tbody> 

    </tbody> 
</table>

Теперь для Javascript, вам необходимо добавить в таблицу.

$('#table-id > tbody').append('<tr><td>Some Content</td><td>Some Other Content</td></tr>');

Если вы хотите добавить более чем одну строку, цикл по списку и запустить код каждый раз, когда для этого элемента в списке.

Если вам необходимо очистить таблицу (новые данные и т.д.), вы можете использовать

$('#table-id > tbody').children().remove();

Пожалуйста, попросите уточнить, если вам это нужно.

источник

2015-02-28 03:13:21

Как вставить следующие данные JSON в таблицу?

ответ

Смежные вопросы