jquery - 使用 render_to_string 库不起作用
问题描述
我有一个 django 代码,它允许用户使用 javascript 函数将书籍添加到列表中,一旦用户单击按钮,该函数就会处理 ajax 请求。我正在使用 BootStrap 4
问题是,一旦用户单击按钮,控制台就会显示以下错误:
文件“C:\Users\LTGM~1\Desktop\CRUDDJ~1\env\lib\site-packages\widget_tweaks\templatetags\widget_tweaks.py”,第 163 行,在 render_field 中引发 TemplateSyntaxError(error_msg + ": %s" %对)django.template.exceptions.TemplateSyntaxError: 'render_field' 标签需要一个表单字段,后跟属性和值列表,格式为 attr="value": class
网址.py
from django.contrib import admin
from django.urls import path
from .views import *
urlpatterns = [
path('admin/', admin.site.urls),
path('books/',book_list, name = "book_list"),
path('books/create/',book_create, name = "book_create"),
]
视图.py
from django.shortcuts import render
from books.models import Book
from books.forms import BookForm
from django.http import JsonResponse
from django.template.loader import render_to_string
def book_list(request):
books = Book.objects.all()#list all records
return render(request, './book_list.html',{'books':books})
def book_create(request):
form = BookForm()
context= {'form':form}
html_form = render_to_string('./partial_book_create.html',context,request=request,)
return JsonResponse({'html_form':html_form})
partial_book_create.html
{% load widget_tweaks %}
<form method="post">
{% csrf_token %}
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-lable="Close">
<span aria-hidden = "true">×</span>
</button>
<h4 class="modal-title">Create a new book</h4>
</div>
<div class="modal-body">
{% for field in form %}
<div class="form-group{% if field.errors %} has-error{% endif %}">
<label for ="{{ field.id_for_lable }}">{{ field.lable }}</label>
{% render_field field class ="form-control" %}
{% for error in field.errors %}
<p class="help-block">{{ error }}</p>
{% endfor %}
</div>
{% endfor %}
</div>
<div class="modal-footer">
<button type="buuton" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Create book</button>
</div>
</form>
书籍.js
$(function(){
$(".js-create-book").click(function(){
$.ajax({
url:"/books/create/",
type:"get",
dataType:"json",
beforeSend:function(){
$("#modal-book").modal("show");
},
success: function(data){
$("#modal-book .modal-content").html(data.html_form);
}
});
});
});
我不明白什么是错误以及如何修复错误
我是 widget_tweaks 和render_to_string的新手
我将不胜感激任何帮助。
解决方案
=
您的 render_field 标记之前有一个额外的空间。
{% render_field field class="form-control" %}
推荐阅读
- spring-boot - 如何在 Neo4j 的 Neo4jRepository 上为“使用定期提交”提供自动提交事务?
- firebase - 无法使用 Flutter Web 应用从 Firestore 检索数据
- javascript - 在同一页面上发布文本而不使用 FETCH 刷新并将数据发送到数据库
- python - 如何让用户为嵌入命令选择十六进制颜色?| 不和谐.py
- arrays - 使用 putchar 函数打印出数组时出现问题。获得大量符号作为输出
- python - 在 Google App Engine 上同步和异步 Python FastAPI 脚本
- php - 致命错误:未捕获的 ArgumentCountError:mysqli_select_db() 需要 2 个参数,1 个给定
- sql - 如何在 SQLite 中自动将自动增量 id 从一个表插入到另一个表?
- asp.net-core - MS Graph:从 .net core 2.0 中的 Adal 升级到 3.1 中的 Msal
- java - 为什么我的方法打印 null 而不是数组?