Я пытаюсь разработать систему закупок товаров.Столбцы: Название продукта, Цена, Количество и Подытог.Цена уже установлена, и если количество изменяется, итоговым значением будет цена, умноженная на количество.Используя 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 для этого?