编辑引导表中的行

Question

我在我的 JSP 页面中使用了boostrap-table

<table id="mytable" 
   data-row-style="rowStyle" class="table table-hover" id="table-pagination " 
   data-url="lots.json" 
   data-toggle="table"
   data-pagination="true"
   data-show-pagination-switch="true"
   data-sort-order="desc" 
   data-search="true"
   data-show-refresh="true" 
   data-show-columns="true"

   data-page-list="[10, 25, 50, 100, ALL]"                     
>

    <thead>
        <tr>
            <th data-field="machine" data-align="center" data-sortable="true">machine</th>
            <th data-field="mould" data-align="center" data-sortable="true">mould</th>
            <th data-field="lot" data-editable="true" data-align="center" data-sortable="true">LOT</th>         

        </tr>
    </thead>
</table>

我已经在我的第 3 列中插入了 editable method，它在前端可以工作。

我尝试捕捉我在表中插入的新值（例如，我编辑一行并插入“12”）：我试过这个：

$(function() {
    $('#mytable').on('editable-save.bs.table', function(field, row, oldValue, $el){
        console.log("1 "+ field);
        console.log("2 "+ row);
        console.log("3 "+ oldValue);
        console.log("4 "+ $el);
    });    
});

但在控制台中我得到：

1 [object Object]
2 lot
3 [object Object]
4 002400000 // this is the old one

Answer 1

$(function() {
    $('#mytable').on('editable-save.bs.table', function(e, field, row, oldValue){
        console.log("1 "+ field);
        console.log("2 "+ row[field]);
        console.log("3 "+ row.lot);
        console.log("4 "+ oldValue);
    });    
});

在这里您可以使用 row[field] 或 row.lot 获取新值