在 flask 项目中编辑数据表行

Question

我想问你如何在我的情况下进行编辑 function （编辑数据表中的行，然后按下按钮）。 不需要 py 更新功能，只需要前端和一点 js(ajax) 代码来发送数据。 下图

我的数据表是这样的。

我的 js 代码，然后按编辑按钮并询问“你确定”并获取数据表行数据。

   $('#calEvents').on( 'click', 'button[name="edit"]', function ()  {
   var data = table.row( $(this).parents('tr') ).data();
  
   var confirmalert = confirm("Are you sure?");
   if (confirmalert == true) {
    
          }else{
        alert('Invalid ID.');
          }
 });

如果你帮助我，我将非常感激，因为现在我卡住了，不知道如何启动它。 如果您需要一些信息，请在评论中问我。 感谢您的时间。

Answer 1

我找到了解决方案，在 js 编辑代码中只需要添加

$('#myModal').modal('show');

然后在 html 代码模态表单中创建

<div id="myModal" class="modal">
  <div class="modal-content">
    <span class="close">&times;</span>
  <textarea class="form-control" id="testforit"  value="hello" rows="2"> 
     </textarea>
    <p>Some text in the Modal..</p>
  </div>

</div>

就好像是

然后在值文本中，您可以像这样从行中添加信息

document.getElementById("testforit").value = "test";