Python Django单击按钮时更改对象详细信息_Python_Html_Django

Python Django单击按钮时更改对象详细信息

python html django

Python Django单击按钮时更改对象详细信息,python,html,django,Python,Html,Django,晚上好！我想做两个按钮，当一个按钮被点击时，自动改变这个对象的细节。我已经设置了查看两个模型，但我不知道如何管理更改，只有一个帖子。无论我应该使用模板标签还是尝试使用JS（坦白说我不知道如何使用），谢谢你的回复视图.py class PostList(ListView): template_name = 'post/index.html' ordering = ['-date'] queryset = EveryPostPl.objects.all() de

晚上好！我想做两个按钮，当一个按钮被点击时，自动改变这个对象的细节。我已经设置了查看两个模型，但我不知道如何管理更改，只有一个帖子。无论我应该使用模板标签还是尝试使用JS（坦白说我不知道如何使用），谢谢你的回复

视图.py

class PostList(ListView):
    template_name = 'post/index.html'
    ordering = ['-date']
    queryset = EveryPostPl.objects.all()

    def get_context_data(self, **kwargs):
        context = super(PostList, self).get_context_data(**kwargs)
        context['EveryPostRu'] = EveryPostRu.objects.all()
        context['EveryPostPl'] = self.queryset
        return context

html

{% extends "post/base.html" %}
{% block title %}
    <title>Home Page</title>
{% endblock title %}
{% block content %}
    {% for obj in EveryPostPl %}
        <div class="card text-center">
            <div class="card-header">
                <ul class="nav nav-tabs card-header-tabs">
                <li class="nav-item">
                    <a class="nav-link nav-main" href="#">PL</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-main" href="#">RU</a>
                </li>
                </ul>
            </div>
            <div class="card-body">
                <h5 class="card-title"><a href="{% url 'detailpost' obj.pk %}">{{ obj.title }}</a></h5>
                <p class="card-text">{{ obj.text|truncatechars:350 }}</p>
                <a href="{% url 'detailpost' obj.pk %}" class="btn btn-dark float-right">Zobacz</a>
            </div>
            <div class="card-footer text-muted">
                <span class="float-left">{{ obj.date|date:"d M y" }}</span>
                <span class="float-right">Przesłane przez: {{ obj.User }}</span>
            </div>
        </div>
    {% endfor %}
{% endblock content %}

{%extensed“post/base.html”%}
{%block title%}
主页
{%endblock title%}
{%block content%}
{EveryPostPl%中obj的%s}






{{obj.text | truncatechars:350}
{{obj.date}date:“d M y”}
przesane przez:{{obj.User}
{%endfor%}
{%endblock内容%}

如果您不介意将所有详细信息发送给客户端，则此操作将有效：

<html>
    <head>
        <title>JS Test</title>
        <script>
            function switch_to(elem_id) {
                var content_divs = document.getElementsByClassName("content");
                for(var i = 0; i < content_divs.length; i++){
                    content_divs[i].style.display = "none";
                }

                var elem = document.getElementById(elem_id);
                elem.style.display = "block";
            }
        </script>
    </head>
    <body>
        <a href="javascript:switch_to('RU')">RU</a>
        <a href="javascript:switch_to('PL')">PL</a>
        <div id="RU" class="content">
            Some text about RU...
        </div>
        <div id="PL" class="content" style="display:none">
            Some text about PL
        </div>
    </body>
</html>


JS测试
功能开关至（元件id）{
var content_divs=document.getElementsByClassName（“内容”）；
对于（变量i=0；i


（无论出于何种原因，它都不会作为代码段运行…
您到底希望发生什么？包括服务器/数据库上应该发生的事情以及客户端上应该发生的事情。