【问题标题】:Why does the order of rows in my table change after calling location.reload(); when closing a modal box为什么调用 location.reload(); 后我的表中的行顺序会发生变化?关闭模态框时
【发布时间】:2020-04-26 01:52:44
【问题描述】:

我的表格中有一个链接,例如作为链接的名称,因此当我单击该链接时,人员详细信息会在模式框中弹出。我遇到的问题是,在我关闭模式后,表中的行顺序发生了变化,这是一个问题,因为当我单击另一个名称(链接)时,它会出现错误的 id 并因此显示该人的错误详细信息

点击链接时弹出的模态代码

<script>

        $(function () {
            $(".anchorDetail").click(function () {
                debugger;
                var $buttonClicked = $(this);
                var id = $buttonClicked.attr('data-id');
                var options = { "backdrop": "static", keyboard: true };
                $.ajax({
                    type: "GET",
                    url: TeamDetailPostBackURL,
                    contentType: "application/json; charset=utf-8",
                    data: { "Id": id },
                    datatype: "json",
                    success: function (data) {
                        debugger;
                        $('#myModalContent').html(data);
                        $('#myModal').modal(options);
                        $('#myModal').modal('show');

                    },
                    error: function () {
                        alert("Dynamic content load failed.");
                    }
                });
            });


            $("#closebtn").click(function () {
                $('#myModal').hide();
                //e.preventDefault();
                location.reload(false);

            });
        });

    </script>

【问题讨论】:

    标签: jquery asp.net datatables entity-framework-6 server-side


    【解决方案1】:

    你的问题不是很清楚。您的代码似乎对在您单击的表中加载初始名称链接没有任何作用。

    当您在新加载的页面上单击第一个时,ID 是否与每个人正确关联?

    您拥有的 Javascript 似乎不会影响与初始表数据的结构方式有关的任何事情。如果没有一个工作示例和整个页面的更完整标记版本,人们将无能为力,这只是猜测。

    由于点击人时传递的ID不正确,我将从那里开始跟踪和调试。当 ajax 请求成功时删除您正在调用的函数并记录被单击的实体的 ID。然后通过发出您通过 ajax 发出的相同请求来确认该 ID 的数据是否正确。

    如果所有这些都检查出来,我会查看您的代码中会影响或会影响链接数据属性的其他区域。同样,这都是猜测,因为我没有完整的示例可供查看。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-01-23
      • 2021-07-23
      • 2016-02-02
      • 1970-01-01
      • 1970-01-01
      • 2013-07-30
      • 2016-02-21
      • 2021-12-18
      相关资源
      最近更新 更多