[英]Is there anything i missed in configuring django-rest-framework-datatables, getting error “DataTables warning: table id=test - Ajax error”
我嘗試使用 rest 框架配置數據表,當頁面加載所有數據表字段(如分頁、搜索和標題)時出現錯誤,但沒有顯示數據。 可能是什么原因?
序列化程序.py
class PermissionSerializer(serializers.ModelSerializer):
class Meta:
model = Permission
fields = (
'name', 'code', 'app',
)
視圖.py
from rest_framework import viewsets
from .serializers import PermissionSerializer
class PermissionViewSet(viewsets.ModelViewSet):
queryset = Permission.objects.all()
serializer_class = PermissionSerializer
class ViewallPerms(View):
def get(self, request):
context = {
'a' : 'a',
}
return render(request, 'flamika_admin/view_allpermissions.html', context)
網址.py
url(r'^perms/$', views.PermissionViewSet, name='perms'),
path('all-perms', login_required(views.ViewallPerms.as_view(), login_url='f_admin:admin_login'), name='all-perm'),
view_allpermissions.html
<script src="https://code.jquery.com/jquery-1.8.0.min.js"></script>
<div class="row">
<div class="col-sm-12 col-xs-12">
<table id="test" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>Code</th>
<th>Name</th>
<th>App</th>
</tr>
</thead>
</table>
</div>
</div>
<script>
$(document).ready(function() {
var table = $('#test').DataTable({
"serverSide": true,
dataSrc: "",
"ajax": "{% url 'flamika_admin:perms' %}",
"columns": [
{"data": "name"},
// Use dot notation to reference nested serializers.
// This data: could alternatively be displayed with the serializer's ReadOnlyField as well, as seen in the minimal example.
{"data": "code"},
{"data": "app"},
]
});
$('.btn-decade').on('click', function() {
table.columns().search('');
var rel = $(this).attr('rel');
if (rel) {
table.columns(3).search('^' + rel + '[0-9]$', true).draw();
} else {
table.draw();
}
});
$('#albums_minimal').DataTable({
"search": {"regex": true},
"language": {"searchPlaceholder": "regular expression"}
});
});
</script>
請讓我知道我哪里出錯了,這是用數據表配置服務器端的正確方法嗎? 請糾正我。 我想顯示 model 中的所有數據。
您忘記在 ajax API 調用中添加"?format=datatables"
。 Datatables 期望以某種方式響應以正確顯示它,如果您正確配置django-rest-framework-datatables
(按照文檔,它非常簡單),庫會檢查format
參數是否設置為 datatables。 如果未設置,則使用 DRF 的默認分頁格式(不適用於數據表,您的情況),如果設置,則django-rest-framework-datatables
以正確的方式為數據表格式化響應。
注意:所以我想提一下,如果你想使用 django 的反向功能,即使在 js 文件中有一個很好的庫,我將鏈接https://github.com/ierror/django-js-reverse 。
使用它來反轉並將?format=datatables
添加到 url 或者您可以手動編寫 url。 例如
"ajax": {
"url": "http://127.0.0.1:8000/perms/?format=datatables",
"type": "GET",
"headers": {
/* any headers */
},
"dataSrc": "Mention your data source from the respone "
}
檢查 url 那里,確保其正確。 我剛剛寫了一個例子。
更新: PermissionViewSet
的 url 路由不正確。 正確的形式是:
url(r'^perms/$', PermissionViewSet.as_view({"get": "list"}), name="perms")
注意請求方法的映射。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.