1
私はjQueryデータテーブルを持っており、数量フィールドにはテキストボックスがあります。 qtyテキストボックスに値を入力すると、合計金額が計算されます。ここに私の試みたコードがあります。どのようにしてそのテキストボックスのtextchangeイベントをキャッチしますか? 私を助けてください。jqueryデータテーブル内にあるtextboxのtextchangeイベントを取得するにはどうすればよいですか?
<table id="swcmtable" class="table table-striped table-hover dt-responsive" cellspacing="0" width="100%">
<thead>
<tr>
<th>Products</th>
<th>Quntity</th>
<th>Price</th>
</tr>
</thead>
<tbody></tbody>
</table>
<! -- I'm filling this datatable with JSON -->
<script>
$(document).ready(function() {
//function GetCart() {
$.ajax({
type: "POST",
url: "Defualt.aspx/GetData",
data: JSON.stringify(),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
$("#swcmtable").find("tr:gt(0)").remove();
var textbox = '<input type="text" class="txtBox">';
for (var i = 0; i < data.d.length; i++) {
$("#swcmtable").append("<tr><td>" + data.d[i].ProductName + "</td><td class=p >" + "<input type =text class= txtBox a> " + "</td><td>" + data.d[i].Cost + "</td></tr>");
}
},
error: function (result) {
alert("Error " + result);
}
});
});
</script>
<script>
var table = $('swcmtable').DataTable();
var data = table.cell('.p');
var txtdata = table.cell('.txtBox .a');
$('#swcmtable tbody').on('Click', 'td', function() {
$(txtdata).on('onchange', function() {
alert("1");
var celldata = table.cell(this).data();
alert(celldata);
});
});
...サーバー側であなたのロジックを記述する必要があり、彼女はjQueryのDataTableのを使用している –