Question

我认为我的模板标签在我不希望被调用时被调用，但我无法在任何地方找到修复。这就是我在html中所拥有的：

{% load cTemplateTags %}
    {% if n.priority == 1 %}
        {% if not n.read %}

        <li>
            <div class="alert alert-dismissible alert-warning">
                <button type="button" class="close" data-dismiss="alert" onclick="{% set n = True %}">x</button>
                <a href="{{n.url}}" class="alert-link"> {{n.message}}</a>
            </div>
        </li>
        {% endif %}

    {% endif %}

在我的模板标签中：

from django import template
from notifications.models import Notification
register = template.Library()


class SetVarNode(template.Node):

    def __init__(self, var_name, var_value):
        self.var_name = var_name
        self.var_value = var_value

    def render(self, context):
        try:
            value = template.Variable(self.var_value).resolve(context)
        except template.VariableDoesNotExist:
            value = ""


        for n in Notification.objects.all():
            if n.actor == context[self.var_name].actor:
                if n.message == context[self.var_name].message:
                    if n.priority == context[self.var_name].priority:
                        if n.date == context[self.var_name].date:
                            n.read = bool(self.var_value)
                            n.save()


        return u""


@register.tag(name='set')
def set_var(parser, token):
    """
    {% set some_var = '123' %}
    """

    parts = token.split_contents()
    if len(parts) < 4:
        raise template.TemplateSyntaxError("'set' tag must be of the form: {% set <var_name> = <var_value> %}")

    print(token)
    #print(parts[3])
    return SetVarNode(parts[1], parts[3])

是否有任何方法让HTML中的onClick仅在实际点击按钮时触发？无论出于何种原因，当我重新加载页面时，即使我从未点击过该按钮，该值也会设置为True。如果你们能想到什么，请告诉我！

Answer 1

模板由服务器呈现。这意味着在服务器上处理所有标签，然后生成一个纯HTML页面，然后发送到浏览器/客户端。

简而言之：

<button onClick="{% set n = True %}">x</button>

将以以下方式呈现给浏览器/客户端：

<button onClick="True">x</button>

<强>更新

因为，当您单击按钮时，您尝试异步更新n.read的值，您需要找到一种与服务器通信的方法来更新{{n.read的值。 1}}。

下面是使用jQuery库对服务器执行AJAX请求的最小示例。

<button id="myBtn" data-id="{{ n.id }}">x</button>

<!-- JavaScript -->
<!-- Don't forget to include jQuery -->
<script>
$("#myBtn").on('click', function(), {
    var nId = $(this).attr('data-id');
    $.ajax({
        type: 'POST',
        url: '/link/to/the/view/',
        data: {'id': nId}, // this way server will know which object to update
    });
});
</script>

现在，将向服务器发出AJAX请求。您需要在服务器上实现一个视图，该视图负责更新和保存n对象。

更新2

通过搜索StackOverflow，您可以找到更多关于使用Django和AJAX（jQuery）的示例。好吧，你可以start here。

Django中自定义模板标签的问题？

1 个答案: