Question

我的程序列出了一组可以删除的用户。删除后，在删除用户之前，它将是一个确认模式。

代码的删除部分有效，但我对模态本身有问题，因为它是在删除用户函数中传递数据的那个。

我的html循环用户及其角色集。不要介意角色，因为我只关心确认模式。：）

例如：

x user1
x user2
x user3（这是我删除的那个）

当我删除user3时，它会删除user1。结果是：

x user2
x user3

这是我的HTML代码。该模式已经包含在内。

<div class="col-md-10">


            {% for u in all_users %}

              <td>
              <a href="#" data-toggle="modal" data-target="#confirm-delete"><img src = "{{url_for('static', filename='assets/images/x.png') }}"></a> 
              <!-- <a href="{{url_for('Users.delete_users', user=u.username)}}" " ><img src = "{{url_for('static', filename='assets/images/check.png') }}"></a> -->
              {{u.username}}
              </td>


              {% for r in roles %}
                <td><input type="checkbox" name="{{u.username}} {{r.name}}" value="{{r.name}}" 
                {% if r in u.load_roles(u.username) %}
                checked
                {% endif %}
                /></td> 
              {% endfor %}
              </tr>

              {% for u in all_users %}
              <div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">

                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">Confirm Selection</h4>
                        </div>

                        <div class="modal-body">
                            <p>Do you want to proceed?</p>
                            <p class="debug-url"></p>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <a href="{{url_for('Users.delete_users', user=u.username)}}" class="btn btn-danger" name="button">Proceed</a>
                        </div>

                    </div>
                </div>
            </div>
            {% endfor %}

            {% endfor %}

            <input class="btn btn-primary" button type="submit" name="button" value="Save Roles"></input><br>
        </form>
            </tbody>
          </table>

Answer 1

有两个问题。第一个问题是您为每个用户创建每组模态。在第一个循环下通过用户移动其中一个{% endfor %}标记。

其次，您为每个模态重用id属性。 id必须是唯一的。你应该使用像

这样的东西

<a href="#" data-toggle="modal" data-target="#confirm-delete-{{ u.id }}"><img src = "{{url_for('static', filename='assets/images/x.png') }}"></a>

在您的第一个循环中通过用户，然后

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

在第二个。

烧瓶的确认模式不在循环中工作

1 个答案: