Лучший способ реализовать таблицы данных с транзакцией продукта - PullRequest
0 голосов
/ 16 апреля 2019

Я пытаюсь разработать систему закупок товаров.Столбцы: Название продукта, Цена, Количество и Подытог.Цена уже установлена, и если количество изменяется, итоговым значением будет цена, умноженная на количество.Используя DataTables.net, я хочу знать, есть ли какой-нибудь API, который может обновлять последнюю строку, если изменяется конкретный столбец в строке.

Я пытался использовать onchange для ввода HTML, нумеруя каждую строку.Я думаю, у DataTables уже есть API для этого, но я не знаю, как мне его использовать.

<table id="data_tables">
  <thead>
    <tr>
      <th width="20%">Product Name</th>
      <th width="20%">Price</th>
      <th width="10%">Qty</th>
      <th width="20%">Sub Total</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <select class="form-control form-control-sm" id="product_1" name="product['name'][]" onchange="productChange('1')">
          <option value="1">Product 1</option>
          <option value="2">Product 2</option>
          <option value="3">Product 3</option>
        </select>
      </td>
      <td>
        <input type="text" class="form-control form-control-sm" id="price_1" name="product['price'][]" placeholder="Rp 0,-" readonly>
      </td>
      <td>
        <input type="number" class="form-control form-control-sm" id="qty_1" name="product['qty'][]" min="1" placeholder="0" onchange="qtyChange('1')">
      </td>
      <td>
        <input type="text" class="form-control form-control-sm" id="subtotal_1" name="product['total'][]" placeholder="Rp 0,-" readonly>
      </td>
    </tr>
  </tbody>
</table>
function qtyChange(id)
{
  var price = $('#price_'+id).val();
  var qty = $('#qty_'+id).val();
  $('#subtotal_'+id).val(price*qty);
}

Этот код работает.Но есть ли у DataTables собственный API для этого?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...