Question

我在两个不同的bootstrap选项卡中有两个数据表。我的第一个数据表是

var table = $('#adjustment-table').DataTable();

此表在名为area和fine的每一行中都有两个输入框。当用户在区域中放置任何值或罚款时，则第二个表格相同的行同一列单元格显示该值。

第二张表是

var run_table=$('#run-table').DataTable();

我正在尝试这种方式

    $(document).on('keydown', '.areaField', function(){

        var rowId=$(this).attr('data-area-id');

        var value=$(this).val();
        run_table
            .cell(rowId, 0)
            .data(value)
            .draw(true);

    });

当用户给出任何值然后它显示第二个值。就像我在第一行第3列输入框中键入并给出值为10 然后＃run-table row one column 3 display 10

但这不起作用。有人能解释一下这个问题吗？提前谢谢。

Answer 1

您总是更新第二个表变量run_table，而不是需要查找哪个表行更新。见下面的代码 -

$(document).on('keydown', '.areaField', function(){

        var rowId=$(this).attr('data-area-id');
        var cell_id=cell( this ).index();
        var value=$(this).val();
        var $parentTable = $(this).closest('table');
        var tableId = $parentTable.attr('id');
        if(tableId == 'adjustment-table')
        {
           table
            .cell(rowId, 0)
            .data(value)
            .draw(true);
         } 
         else 
         {
              run_table
            .cell(rowId, 0)
            .data(value)
            .draw(true);
         }
        alert(pos);
    });

数据表单元格值更新不起作用

1 个答案: