。NET Core中Page.Focus的等效项是什么?

问题描述 投票:0回答:1

我一直在使用Webforms进行编程,最近开始学习.NETCore。.NETCore中是否有与Webforms的Page.Focus或Focus等效的东西。我在互联网上搜索,找到了一些使用javascript的MVC较旧的文章,想知道是否有没有javascript的解决方案。我在底部有一个与我们联系的表格,需要向下滚动,但是提交页面后再次加载,我被带到页面顶部,我需要继续关注提交按钮。

asp.net-core focus
1个回答
0
投票

[我一直在进行Web窗体编程,最近开始学习.NET Core。在.NET Core中是否存在与Web窗体的Page.Focus或Focus等效的东西。

当前,我们无法直接在ASP.NET Core中使用WebForm服务器控件来创建WebForm项目。正如评论中提到的那样,没有可以从ASP.NET WebForm迁移的等效项目模板。

但是您可以尝试使用Razor Pages来简化以页面为中心的场景的编码,并且可以在.cshtml.cs中定义不同的处理程序方法来处理不同的逻辑,这与您在ASP.NET WebForm中的操作类似。

我有一个与我们联系的表格,该表格在底部,需要向下滚动,但是在再次提交页面加载后,我被带到页面的顶部,我需要继续关注提交按钮。

您可以尝试以下方法:

方法1:为您的输入设置autofocus,这将有助于在加载页面时自动集中控制。

<input type="submit" value="Submit" autofocus /> 

方法2:将滚动位置存储在localStorage中,然后在页面加载时根据存储的数据将窗口动态滚动到特定位置。

<input type="submit" value="Submit" onclick="myfunc();" />

JS代码

<script>
    function myfunc() {
        localStorage.setItem("scrollY", window.scrollY);
    }

    $(function () {
        var y = localStorage.getItem("scrollY");

        if (y != "" && y != null) {
            window.scroll(0, y);
        }
    })
</script>

测试结果

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.