javascript - 为什么我的 no-submit (HtmlButton) 仍然提交？

Question

我想动态地使行一直存在，但最初是隐藏的，可见。

我尝试过客户端(jQuery)路线，但遇到了问题。

我更喜欢走服务器端(C#)道路，并且我认为我已经找到了基于 this thread 来完成它的方法。和这段代码:

HtmlButton btnAddFoapalRow = null;
. . .       
btnAddFoapalRow = new HtmlButton();
btnAddFoapalRow.Attributes["type"] = "button";
btnAddFoapalRow.InnerHtml = "+"; 
btnAddFoapalRow.ID = "btnAddFoapalRow";
btnAddFoapalRow.ServerClick += new EventHandler(btnAddFoapalRow_Click);
this.Controls.Add(btnAddFoapalRow);

private void btnAddFoapalRow_Click(object sender, EventArgs e)
{
    try
    {
        ShowNextFoapalRow();
    }
    catch (Exception ex)
    {
        String s = String.Format("Exception occurred: {0}", ex.Message); // TODO: Log this somewhere
    }
}

//// This only works the first time, because it causes the page to be reloaded, setting foapalRowsShowing back to 2
private void ShowNextFoapalRow()
{
    switch (foapalRowsShowing)
    {
        case 2:
            foapalrow3.Visible = true;
            foapalRowsShowing = 3;
            break;
        case 3:
            foapalrow4.Visible = true;
            foapalRowsShowing = 4;
            btnAddFoapalRow.Disabled = true;
            break;
    }
}


foapalrow3 = new HtmlTableRow();
foapalrow3.ID = "foapalrow3";
foapalrow3.Visible = false;
. . .
foapalrow3 = new HtmlTableRow();
foapalrow3.ID = "foapalrow3";
foapalrow3.Visible = false;

...但不行 - 第一次使第二行可见，但随后混合“+”HtmlButton 不会使第三行可见。逐步浏览代码，我明白了原因:每次我按下按钮时都会提交页面，因此初始代码会再次运行，将可见行数设置回两行，并且始终使row3 可见(绝不是 row4)。

这就是混搭按钮后的样子，无论我混搭按钮多少次(应该再添加一行，但事实并非如此):

顺便说一句，第 1 行是列标题行；第 2 行是默认可见的单行； row3 和 row4 存在，但一开始不可见。

Answer 1

尝试使用

btnAddFoapalRow.Attributes.Add("onclick", "return false;");