将表中的行ID传递给flask中的模式(python)

将表中的行ID传递给flask中的模式(python),python,twitter-bootstrap,flask,flask-sqlalchemy,Python,Twitter Bootstrap,Flask,Flask Sqlalchemy,我有一个HTML表,它显示了数据库表中的一些数据。数据通过循环显示。每行都有一个按钮,该按钮也是通过循环生成的。我正在使用按钮编辑行中的数据。单击按钮时,会弹出一个模式,其中包含要编辑的数据。问题是它只选择行中的第一个ID(即只选择第一行)。即使我点击第二行按钮,模式中字段中显示的信息也是第一行的信息。请问我将如何处理这一问题?我怎样才能解决这个问题?注:我用的是烧瓶 这是我的代码: # 员工身份证 角色 任命 电话 电子邮件 部门 编辑 {users%%中的用户为%s} {{user.id

我有一个HTML表,它显示了数据库表中的一些数据。数据通过循环显示。每行都有一个按钮,该按钮也是通过循环生成的。我正在使用按钮编辑行中的数据。单击按钮时,会弹出一个模式,其中包含要编辑的数据。问题是它只选择行中的第一个ID(即只选择第一行)。即使我点击第二行按钮,模式中字段中显示的信息也是第一行的信息。请问我将如何处理这一问题?我怎样才能解决这个问题?注:我用的是烧瓶

这是我的代码:


#
员工身份证
角色
任命
电话
电子邮件
部门
编辑
{users%%中的用户为%s}
{{user.id}
{{user.staffid}
{{user.role}}
{{user.designation}}
{{user.phone}
{{user.email}
{{user.dept}
&时代;
编辑用户信息
取消
提交
$('编辑').model(show);
{%endfor%}
$(文档).ready(函数(){
$(“#用户”).DataTable();
} );

正如我看到的,您为每个用户行创建了一个模式表单。这对我来说似乎有点昂贵,因为当你有很多行的时候,这意味着很多html。在我看来,更好的方法是只定义一个模式,并通过Ajax动态插入内容

但是,您的方法不起作用的原因是,您对每个模式使用相同的id。将模态的第一行更改为

<div class="modal fade" id="edit{{ user.id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

相应地,编辑按钮的行:

<td><a href="#" data-toggle="modal" data-target='#edit{{ user.id }}' class="btn btn-success"><i class="fa fa-edit"></i> EDIT </a></td>


您应该很好。

正如我看到的,您为每个用户行创建了一个模式表单。这对我来说似乎有点昂贵,因为当你有很多行的时候,这意味着很多html。在我看来,更好的方法是只定义一个模式,并通过Ajax动态插入内容

但是,您的方法不起作用的原因是,您对每个模式使用相同的id。将模态的第一行更改为

<div class="modal fade" id="edit{{ user.id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

相应地,编辑按钮的行:

<td><a href="#" data-toggle="modal" data-target='#edit{{ user.id }}' class="btn btn-success"><i class="fa fa-edit"></i> EDIT </a></td>


你应该没事。

我最近写了一篇文章。这似乎是一个更好的方法,尤其是在保存更改的数据时。这非常有效!伟大的我现在意识到问题出在哪里了。我把它标记为answerI最近写了一篇文章。这似乎是一个更好的方法,尤其是在保存更改的数据时。这非常有效!伟大的我现在意识到问题出在哪里了。我已把它标记为答案