如何使用 C# 在 html 表格中创建按钮 [关闭]答案

【问题标题】：How to create buttons in html table using C# [closed]如何使用 C# 在 html 表格中创建按钮 [关闭]
【发布时间】：2017-11-20 22:14:51
【问题描述】：

我想在 html 表中创建 100 个按钮（10 行，10 列）并希望执行点击事件。请帮帮我。

这个我试过了……

protected void Page_Load(object sender, EventArgs e) {

    HtmlTable myTable = new HtmlTable();
    for (int i = 1; i <= 100; i++)
    {
        HtmlTableRow row = new HtmlTableRow();
        HtmlTableCell cell1 = new HtmlTableCell();
        cell1.InnerText = "cell" + i;
        row.Controls.Add(cell1);
        HtmlTableCell cell2 = new HtmlTableCell();
        Button btn = new Button();
        btn.Text = i.ToString();
        btn.Click += new EventHandler(btn_Click);
        cell2.Controls.Add(btn);
        row.Controls.Add(cell2);
        myTable.Controls.Add(row);


    }
    PlaceHolder1.Controls.Add(myTable);
}

void btn_Click(object sender, EventArgs e)
{
    Response.Write(((sender) as Button).Text);
}

但它在单列中显示 OP，我希望它在 10x10 或 5x20 中，如下所示

【问题讨论】：

欢迎来到 Stack Overflow！请take the tour 了解该网站的运作方式以及此处的主题问题，并相应地编辑您的问题。另见：Why is "Can someone help me?" not an actual question?
您遇到了什么问题？请告诉我们您到目前为止所做的尝试以及哪个特定部分给您带来了问题。
我已经尝试过另一种方式，但我不想那样做。实际上我正在创建在线考试系统，让我有一个表格中有 100 个按钮（100 个问题）的网络表单，我想通过一次单击 1 个按钮来获取问题，所以我希望它使用 c#，我我是初学者，请帮忙。

标签： javascript c# html asp.net

【解决方案1】：

正如您在其中标记了 asp.net：
你用 C# 生成你的 Html 表吗？如果是，那么您只需将<button></button> 放在循环中已有的项目后面。然后像这样在网站上显示：

function createHtml(){
            var container = "";
            try{
                container = '@Html.Raw(ViewBag.headline)';
                htmlElement= document.getElementById("yourElementId");
                htmlElement.innerText = container;
            }
            catch(error){...}
}

因此，您只需将其发送到您的ViewBag，作为您控制器的另一项。
一如既往：感谢无声的反对。一如既往的有毒。

所以因为来自 cmets 的输入：
How to create an HTML button that acts like a link?
你试过吗？
您可以在控制器中生成代码，就像您（可能）对您的表所做的那样。只需在类似这样的地方插入：

StringBuilder sb = new StringBuilder();
while(statement){
    sb.append("<td><button onclick="myFunction(row,column)">Click me</button></td>");
}

然后在您的ViewBag 中将其发送到视图。
在onclick，您可以定义应该在 JavaScript 中使用的函数。也许你应该在你的问题中进一步解释这个问题。

【讨论】：

永远不要低估try-catch-block 的价值。
嗯，有时地狱会在人们意想不到的地方突然爆发......
@garamaru 如果你不期待它，不要抓住它。
@CodingYoshi 在大型应用程序中尝试这个，你会被你的团队骂，因为你可能会抛出一个未处理的异常。
谢谢@Garamaru