为动态生成的 html 代码生成按钮

Question

我正在开发 ASP.NET WebForms 应用程序，并根据 SQL 查询的结果动态生成 此 Bootstrap 时间线 的 HTML 代码。我想向每个条目添加 delete 和 modify 按钮，以便打开相应的模式并且用户可以更改内容。我怎样才能做到这一点？

我尝试生成一个简单的 HTML 按钮（具有相同的 ID）并在服务器上运行它，但它不起作用：

<button id="myButton" runat="server" onclick="myButton_Click()">Delete</button>

.

编辑：我已经有了修改和删除的逻辑，我只是不知道如何对运行时生成的 HTML 代码执行此操作。

Answer 1

你不能做这样的事情吗：

<button class='btn btn-danger delete-button' data-id='{item.Id}' type='button'>Delete</button>
<button class='btn btn-primary modify-button' data-id='{item.Id}' type='button'>Modify</button>

...然后在 JavaScript 中执行：

document.querySelector('#yourTimelineContainer').addEventListener('click', function(e) {
    if (e.target.classList.contains('delete-button')) {
        var id = e.target.getAttribute('data-id');
        __doPostBack('DeleteEntry', id);
    } else if (e.target.classList.contains('modify-button')) {
        var id = e.target.getAttribute('data-id');
        __doPostBack('ModifyEntry', id);
    }
});

也许这有帮助？