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

retrieve value from textbox that is not on the current pagination - datatables

本文关键字：文本 检索 数据表 分页      更新时间：2023-09-26

我使用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页上输入的值？

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

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

用实际的表ID替换example。

相关文章：