2017-12-29 11 views
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); 
    }); 
    }); 

+0

...サーバー側であなたのロジックを記述する必要があり、彼女はjQueryのDataTableのを使用している –

答えて

-1

あなたは

+0

速い答えをJsFilldeやコードスニペットを入力してください。彼女は、JQuery Datatableと、サーバー側の数量テキストボックスのtextChangeイベントをレンダリングするロジックをどのように書くことができますか? –

関連する問題