Question

我有一个类似系统的注释，请在此处查看图片：http://www.uploadscreenshot.com/image/1091218/5818195，点击注释即可看到标题，消息和评论。我通过js文件发送它们并在视图中设置它们。我现在的问题是，我可以用django-comments表单来做到这一点吗？如果我只是粘贴到模板中并且在引导弹出窗口中显示的div内部{％for notes in notes％}，它会显示该窗口上每个不显示的所有表单（它已被理解）。

如何将正确的值传递给django-comments表单？

这是js函数（只是相关部分）：

 request.done(function(note) {
    $('h3#view-note-title').text(note.title);
    $('p#view-note-desc').text(note.message);
    var html = '';
    for(var i=0; i<note.comments.length; i++) {
        var item = note.comments[i];
        html += "<p id='comments' style='display: block; background: #a3d95d;margin-bottom: 3px;'>" + item.comment + "</p>";
        html += "<p id='username' style='display: block;background: #edac65;margin-bottom: 3px;'>" + item.username + "</p>";
        html += "<p id='date' style='display: block;background: #afe9eb;margin-bottom: 13px;'>"+ item.submit_date +"</p>";
    }
    $('div#comments').html(html);
});

这是views.py的相关部分：

 if request.method == "GET" and request.is_ajax:
    note = get_object_or_404(Note, pk=request.GET['noteid'])
    ctype = ContentType.objects.get_for_model(Note)
    latest_comments = Comment.objects.filter(is_public=True, is_removed=False, content_type=ctype, object_pk=note.id).order_by('-submit_date')[:5]
    response_data = {}
    response_data['title'] = note.title
    response_data['message'] = note.message
    response_data['comments'] = [
        {'username': c.user.username, 'comment': c.comment, 'submit_date': c.submit_date} for c in latest_comments]
    return HttpResponse(json.dumps(response_data, cls=DjangoJSONEncoder), mimetype="application/json")

我希望我足够清楚。

Answer 1

解决方案是通过视图发送评论表。

代码：模板

<form id="form_comments" action="{% comment_form_target %}" method="post">
{% csrf_token %}
<table>
<tr>
  <td colspan="2">
    <div class="kopce"></div>
    <input type="submit" name="submit" value="Post">
    <input type="submit" name="preview" value="Preview">
  </td>
</tr>

观点：

from django.contrib.comments.forms import CommentForm

form = CommentForm(target_object = note)
response_data["form_html"] = form.as_p()

js：

 $('form#form_comments div.kopce').html(note.form_html);

如何使用JavaScript的django-comments表单？

1 个答案: