Javascript 可以禁用 UserControl 中的 ASP.Net 控件吗？

Question

Javascript 可以禁用 UserControl 中的 ASP.net 控件吗？我的 Javascript 文件是从 MasterPage 调用的，我也从 ContentPage 尝试过。

我正在尝试使用 Javascript 作为空闲计时器来减少服务器回发，而无需注销用户。当用户重新关注窗口时，计时器会重新启动并再次刷新，直到用户空闲 30 分钟并暂停 ASP.Net 计时器。

Javascript：

var timer = $find('<%= TimerAutoRefresh.ClientID %>');
if (timer) {
    //stop the timer
    timer._stopTimer();
    timer.set_enabled(false);
    console.log("Timer disabled: " + timer);
}

ASP.net ASCX

<asp:UpdatePanel ID="UpdatePanel" runat="server">
    <ContentTemplate>
        <asp:Timer ID="TimerAutoRefresh" runat="server" Interval="5000" Enabled="true"></asp:Timer>
<asp:Literal ID="LiteralTest" runat="server">Timestamp</asp:Literal>
    </ContentTemplate>
</asp:UpdatePanel>

我已经尝试过 $find 和 document.getElementById 并且无法获得 ID。当我使用 ClientIDMode="Static" 时，页面无法每 5 秒刷新一次，因为它会执行完整的回发。

Answer 1

首先，使用 UpdatePanel 仍然会导致页面执行完整的 PostBack，但只有更新的部分会再次发送到浏览器，因此不会减少服务器负载。其次，您不能像那样访问 Timer Control。

但是为什么不让它变得更简单呢？如果您真的想让用户保持登录状态，那么为什么不对某个 url 发出 Ajax 请求以保持会话处于活动状态。

<script>
    var timer;
    var interval = 2500;

    function startTimer() {
        timer = setInterval(function () {
            $.ajax({
                type: 'GET',
                url: 'Default.aspx'
            });
        }, interval); 
    }

    function stopTimer() {
        clearInterval(timer);
    }

    startTimer();
</script>

更多关于 jQuery 计时器的信息在这里：start & stop / pause setInterval with javascript, jQuery

但您也可以增加 apsnet 注销用户所需的超时时间。

how to increase session timeout in asp.net?

或使用持久 cookie 登录用户。通常在登录时你会看到一个复选框“让我登录”或“记住我”或类似的东西。

How to create persistent cookies in asp.net?

更新

每个用户每 5 秒更新 500kb 似乎是个坏主意，不管有没有 UpdatePanels。但这是一种从前端停止计时器的方法。

<asp:UpdatePanel ID="UpdatePanel" runat="server">
    <ContentTemplate>
        <asp:Timer ID="TimerAutoRefresh" runat="server" Interval="5000" Enabled="true" OnTick="TimerAutoRefresh_Tick"></asp:Timer>
        <asp:Literal ID="LiteralTest" runat="server">Timestamp</asp:Literal>
        <asp:HiddenField ID="HiddenField1" runat="server" />
    </ContentTemplate>
</asp:UpdatePanel>

<button id="StopTimer">Stop Timer</button>

<script>
    $('#StopTimer').bind('click', function (e) {
        $('#<%= HiddenField1.ClientID %>').val('Stop!');
        e.preventDefault();
    });
</script>

然后在后面的代码中

protected void TimerAutoRefresh_Tick(object sender, EventArgs e)
{
    LiteralTest.Text = DateTime.Now.ToString();

    if (HiddenField1.Value == "Stop!")
    {
        LiteralTest.Text = "Stopped";
        TimerAutoRefresh.Enabled = false;
    }
}