javascript - 如何避免在 asp.net 中的每个服务器端事件刷新页面？

Question

我在 asp.net 中设计了一个网页。在该页面中，我也放置了 html 控件，如 <a> & <div> .我写了一个隐藏 <div> 的 java 脚本函数当我点击 <a>标签。它工作正常。但是当我点击 asp.net 按钮时，页面刷新再次发生。它正在加载我之前设计的页面。我设置了 display:none的 <div>在设计时。所以它隐藏了我的 <div>当发生任何其他服务器端事件时再次发生。我不想让它发生。

Javascript 函数-

<script language="javascript" type="text/javascript">
       function toggle5(showHideDiv, switchTag) {
           try {
               '<%Session["temp"] = "'+more+'"; %>';
               var ele = document.getElementById(showHideDiv);
               var imageEle = document.getElementById(switchTag);
               if (ele.style.display == "block") {
                   ele.style.display = "none";
                   imageEle.innerHTML = 'More';
               }
               else {
                   ele.style.display = "block";
                   imageEle.innerHTML = 'Less';

               }
           }
           catch (err) {
               alert("Error");
           }
       }
</script>

html代码是-

<div id="divSearch" style="float:left;height:100%;width:100%;">
<span style="float:right;height:27px;"><a id="displayText" href="#" onclick="javascript:toggle5('toggleText', 'displayText');">More</a></span>
</div>
<div id="toggleText" style="display:none;height:100%;width:100%;">
<div id="divCalls" style="width:24%;float:left;height:30%;">
<span style="float:left;width:100%;color:#3b5998;">
            <asp:CheckBox ID="chkNoCall" runat="server" Text="No call made in " 
        AutoPostBack="True" oncheckedchanged="chkNoCall_CheckedChanged"/>
    <asp:TextBox ID="txtNoCall" runat="server" Width="12%" Enabled="False"></asp:TextBox><span> days</span></span>
</div>
</div>

Checkbox的C#.net代码-

protected void chkNoCall_CheckedChanged(object sender, EventArgs e)
    {
        if (chkNoCall.Checked == true)
        {
            txtNoCall.Enabled = true;
        }
        else
        {
            txtNoCall.Enabled = false;
            txtNoCall.Text = "";
        }

    }

如何解决这个问题？

谢谢

Answer 1

像这样将这些数据放入更新面板

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
    <span style="float:left;width:100%;color:#3b5998;">
            <asp:CheckBox ID="chkNoCall" runat="server" Text="No call made in " 
        AutoPostBack="True" oncheckedchanged="chkNoCall_CheckedChanged"/>
    <asp:TextBox ID="txtNoCall" runat="server" Width="12%" Enabled="False"></asp:TextBox><span> days</span></span>

    </ContentTemplate>
    </asp:UpdatePanel>

希望对你有帮助