代码之家  ›  专栏  ›  技术社区  ›  J.C

ASP.NET onClientClick return false不工作

  •  0
  • J.C  · 技术社区  · 6 年前

    这是我的后台代码

    protected void Page_Load(object sender, EventArgs e)
    {
        for (int i = 0; i <= 10; i++)
        {
            HtmlGenericControl divTest = new HtmlGenericControl("div");
            divTest.Attributes.Add("class", "divClass");
            divTest.Attributes.Add("ID", "myDIV");
            divTest.InnerText = "Div" + i;
            form1.Controls.Add(divTest);
    
            ImageButton collapseButton = new ImageButton();
            collapseButton.ImageUrl = "~/images/minus.png";
            collapseButton.Attributes.Add("OnClientClick", "myHideFunction(); return false;");
            collapseButton.Height = 20;
            collapseButton.Width = 20;
            divTest.Controls.Add(collapseButton);
    
            ImageButton expandButton = new ImageButton();
            expandButton.ImageUrl = "~/images/plus.png";
            collapseButton.Attributes.Add("OnClientClick", "myShowFunction(); return false;");
            expandButton.Height = 20;
            expandButton.Width = 20;
            form1.Controls.Add(expandButton);
        }
    }
    

    这是我的前端代码

    CSS格式

    <style>
    #myDIV {
      width: 100%;
      padding: 50px 0;
      text-align: center;
      background-color: lightblue;
      margin-top: 20px;
    }
    </style>
    

    Javascript语言

    <script>
    
    function myShowFunction() {
        var x = document.getElementById("myDIV");
        x.style.display = "block";
    }
    
    function myHideFunction() {
        var x = document.getElementById("myDIV");
        x.style.display = "none";
    }
    </script>
    
    0 回复  |  直到 6 年前
        1
  •  1
  •   mason Tim Schmelter    6 年前

    Add OnClient单击按钮:

    collapseButton.OnClientClick = "return myHideFunction();");
    

    <script>
    
    function myShowFunction() {
        var x = document.getElementById("myDIV");
        x.style.display = "block";
        return false;
    }
    
    function myHideFunction() {
        var x = document.getElementById("myDIV");
        x.style.display = "none";
        return false;
    }
    </script>