Question

我有一个ASP.NET MVC 4应用程序，它使用Bootstrap JavaScript和数据表来填充主页上的事务列表，并从主页面链接到每个事务的详细信息。还使用分页来浏览主页上的长事务列表。所有这一切工作正常，但当我浏览说第80页并点击主页上的一个详细交易并点击详细信息页面上的返回交易按钮时，我返回到主要交易的第一页而不是页面80，我点击该条目查看该交易的详细信息。有没有办法捕获分页的当前状态并从我返回主事务按钮返回？以下是视图历史记录的ASP.NET.CSHTML视图。

enter code here




@{
    ViewBag.Title = "Purchase Order History";
}

@Html.Partial("_datatables")

<div class="panel panel-primary">
    <div class="panel-heading panel-title">
        <h4>
            Purchase Order History
        </h4>
    </div>

    <div class="table-responsive" style="overflow: auto; width: 100%;">
        <table id="myTable" style="table-layout:fixed" class="table-striped">
            <thead>
                <tr>
                    <th>Ref. No.</th>
                    <th>Client</th>
                    <th>PO Num</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>
<script>
    $(document).ready(function() {
        $('#myTable').dataTable({
            "bServerSide": true,
            "sAjaxSource": "AjaxHandler",
            "bProcessing": true,
            "order": [[0, "desc"]],
            "aoColumnDefs": [
                {
                    "aTargets": [4],
                    "mRender": function (data, type, row) {
                        return '<div class="btn-group btn-group">' +
                            '<a class="btn btn-default" href="Details?refNum=' + row[0] + '">' +
                            '<i class="fa fa-info-circle"></i><span class="sr-only">Details</span>' +
                            '</a>' +
                            '<a class="btn btn-default" href="Download?refNum=' + row[0] + '">' +
                            '<i class="fa fa-download"></i><span class="sr-only">Download</span>' +
                            '</a>';
                    }
                }
            ]
        });
    });
</script>

这是返回主页的按钮

<div class="btn-group btn-group-lg">
    <a class="btn btn-default" href="@Url.Action("ViewHistory")">
        <i class="fa fa-arrow-left"></i>
        <span class="sr-only">Index</span>
    </a>

对此的任何帮助都会非常感激。

非常感谢!!!!!

Answer 1

无论如何，您都会将数据发送到服务器以获取交易信息。您可以在ViewBag中保存此信息。然后你应该得到它。我看到了两个获取这些数据的选项：第一个 - 承诺如果你擅长js而第二个 - 使用这样的东西Mix Razor and Javascript code。之后 - 使用此https://datatables.net/plug-ins/api/page.jumpToData()（在创建表格后在document.ready中插入）

进入右页

Javascript＆amp;从详细信息视图返回到上一页时，AJAX始终默认为分页列表中的第1页

1 个答案: