我目前有一个在views.py
中生成的列表,该列表由模板的所需页面上的项目符号显示:views.py
:
bullet_list = ['Apple starts with A','Banana starts with B','Carrot starts with C']
context = {'bullet_list': bullet_list}
return render(request, 'example.html', context)
example.html
:{% if bullet_list %}
<ul style="width: 800px;">
{% for bullet in bullet_list %}
<li style="list-style-type: circle;">{{bullet}}</li>
{% endfor %}
</ul>
{% endif %}
我想要它,以便用户可以添加/删除/调整项目符号点并保存调整后的项目符号点。理想情况下,当他们返回页面时,他们的新更改将在那里。
我能够获取它以删除项目符号(如下所示),但是我不确定如何获取它以保存它已被删除以及如何将输入内容输入为其他项目符号:
example.html
:<li onclick="this.parentNode.removeChild(this); onmouseover="this.setAttribute('style', 'text-decoration: line-through')" onmouseout="this.setAttribute('style', 'text-decoration: none;')" class="bullet">{{bullet}}</li>
我知道必须要有一个输入文本字段才能添加一个新的文本字段和一个保存按钮,但是除此之外,我不知道如何实现此功能,也找不到很多东西。我会为此使用模型吗? JS?模板中是否只有views.py/html和CSS?
最佳答案
您需要更改:
bullet_list = {'Apple starts with A','Banana starts with B','Carrot starts with C'}
至:
bullet_list = ['Apple starts with A','Banana starts with B','Carrot starts with C']
上下文是对象“
{}
”,但是您希望bullet_list成为数组/列表“ []
”