javascript - 从不在当前分页上的文本框中检索值 - 数据表

Question

我正在使用 VB.Net、MVC、Razor、javaScript 和 jQuery 以及 Datatables 插件。我正在渲染一个包含文本框的表格。允许用户在这些文本框中键入值并将值提交到数据库。

只要表格只有一页长，一切都可以正常工作。如果表格是多页的，则仅提交可见的值。但是，如果用户在第一页上输入值，然后移至第二页，然后返回第一页，则在文本框中输入的值仍然存在。这让我相信这些值仍然在网页上的某个地方。我目前正在使用 javaScript getElementsByClassName 来检索值。

这是我的表格的呈现方式:

<tbody>
    @For i As Integer = 0 To Model.History.Count - 1
        @<tr>
            <td>@Model.History(i).Quarter</td>
        @If Model.History(i).MeterUsage < 0 Then
            @<td>
                <input class="edit" id="@(Model.History(i).dateToRecord)" type="text" placeholder="meter usage" />
            </td>
        Else
            @<td>@Model.History(i).MeterUsage</td>
        End If                         
            <td>@Model.History(i).KeyOperator</td>
            <td>@Model.History(i).BackUpKeyOperator</td>
        </tr>
    Next
</tbody>

这是我的 JavaScript:

function submitChanges(changes) {
    var changes = document.getElementsByClassName('edit');
        var myChanges = {
            listOfIDs: [],
            listOfValues: []
        };
}

当用户查看表格的另一页时，是否有某种方法可以捕获在表格的第 1 页上输入的值？

Answer 1

使用$()用于访问表中所有元素的 API 方法。

function submitChanges(changes) {
    var changes = $('#example').DataTable().$('.edit');
    var myChanges = {
       listOfIDs: [],
       listOfValues: []
    };
}

将 example 替换为您的实际表 ID。