编辑html表

时间:2017-06-21 14:06:41

标签: javascript jquery html5 datatables

使用普通javascript编辑表格行值后,我的数据表未更新。表值正在变化。但是,当我试图获取数据表数据时,它的价值就越来越高了。

这是我的表:

 <table id="Status" style="width:100%" class="table table-bordered">
                                    <thead style="background-color:#E0EEEE">
                                        <tr>
                                            <th style="width:10px" class=""></th>
                                            <th>Status</th>
                                            <th class="hidden">Seq No</th>
                                            <th class="hidden">Created by</th>
                                            <th class="hidden">Created date</th>
                                            <th class="hidden">Updated by</th>
                                            <th class="hidden">Updated date</th>
                                            <th class="hidden">RowVersion</th>
                                            <th style="width:40px">Edit</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>

我正在使用这个初始化数据表:

var StatusDataTable = $('#Status').DataTable({
            "fixedHeader": true,
            "lengthMenu": [[5, 10, 25, -1], [5, 10, 25, "All"]],
            "bSort": false,
            "scrollX": true,
            "oLanguage": {

                "sInfoEmpty": '',
                "sEmptyTable": "No Data Available",
            }

        });

使用以下代码编辑表格内容:

td[1].innerHTML = model.Name; td[2].innerHTML = model.SequenceNumber;
                            td[5].innerHTML = json.result.UpdatedBy; td[6].innerHTML = json.result.UpdatedDate; td[7].innerHTML = json.result.RowVersion;
                            tr.context.id = json.result.TaskStatusId;

但是当我尝试获取数据表数据时,只获取旧值。

var data1 = StatusDataTable.row(index).data();
var data2 = StatusDataTable.row(index + order).data();

我已经编辑了对应的data1列。但仍然在data1中获得旧值。

1 个答案:

答案 0 :(得分:0)

你不应该使用数据表apis更新数据表吗?

之类的东西
table.rows().every(function(rowIdx, tableLoop, rowLoop) {
    var self = this;
    var d = this.data();
   d[2] = model.SequenceNumber
   d[5] = json.result.UpdatedBy
        self.data(d);
        self.invalidate();
    });
  table.draw();