Как связать внутренний список json с html строкой таблицы jqMobile

Question

Как связать внутренний список json с html строкой таблицы jqMobile

0

просто я хочу знать, как связать внутренний json-список "pslList" с html-строкой

    <table data-role="table" id="productOrders"  data-mode="reflow">
<thead>
                                <tr>
                                  <th>Code</th>
                                  <th>Name</th>
                                  <th>Price</th>
                                  <th>Qty.</th>
                                  <th>Ext</th>
                                </tr>
                              </thead>
                          <tbody>
                            <tr>
                              <th>1</th>
                              <td></td>
                              <td></td>
                              <td></td>
                              <td></td>
                              <td></td>
                            </tr>
                            </tbody>
                          </table>
json
    [
        {
            "amount": 12,
            "podate": "2013-11-28T00:00:00",
            "ponumber": 7,
            "pslList": [
                {
                    "ext": 210,
                    "ponumber": 7,
                    "prodcd": "ffrff",
                    "price": 70,
                    "prodname": "games",
                    "qty": 3
                },
                {
                    "ext": 70,
                    "ponumber": 7,
                    "prodcd": "rrfrr",
                    "price": 14,
                    "prodname": "DVDs",
                    "qty": 5
                }
            ],
            "vendorno": 1
        }
    ]

ezanker 29 нояб. 2013, в 06:33

Источник

Теги:

javascript

jquery

json

html-table

jquery-mobile

1 ответ

Ещё вопросы

ezanker · Accepted Answer · 2013-11-29T11-40-00.000Z

После извлечения json вы можете перебирать список, создавать строки и затем добавлять их в таблицу:

var $table = $('#productOrders tbody');
var plist = json[0].pslList;
for (i in plist) {
    var row = $('<tr><td>' + plist[i].prodcd + '</td><td>' + plist[i].prodname + '</td><td>' + plist[i].price + '</td><td>' + plist[i].qty + '</td><td>' + plist[i].ext + '</td></tr>');       
    $table.append(row);
}