在layui table的 templet中使用 django变量
时间: 2024-05-14 20:18:39 浏览: 101
layui使用templet格式化表格数据的方法
在 layui table 的 templet 中使用 Django 变量,可以通过以下步骤实现:
1. 在 Django 中定义一个视图,该视图返回一个包含数据的 JSON 对象。
2. 在 HTML 模板中,使用 AJAX 请求获取该 JSON 对象并渲染到 layui table 中。
3. 在 layui table 的 templet 中使用模板语法渲染 Django 变量。
下面是一个简单的示例代码:
## Django 视图
```python
from django.http import JsonResponse
def my_view(request):
data = [
{"id": 1, "name": "John Doe", "age": 25},
{"id": 2, "name": "Jane Doe", "age": 30},
{"id": 3, "name": "Bob Smith", "age": 35}
]
return JsonResponse({"data": data})
```
## HTML 模板
```html
<table id="my-table" lay-filter="my-table">
<thead>
<tr>
<th lay-data="{field:'id'}">ID</th>
<th lay-data="{field:'name'}">Name</th>
<th lay-data="{field:'age'}">Age</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script>
layui.use(['table', 'jquery'], function() {
var table = layui.table;
var $ = layui.jquery;
$.ajax({
url: "{% url 'my-view' %}",
success: function(resp) {
$.each(resp.data, function(i, item) {
var tr = '<tr><td>{{ item.id }}</td><td>{{ item.name }}</td><td>{{ item.age }}</td></tr>';
$('#my-table tbody').append(tr);
});
table.render();
}
});
});
</script>
```
在 templet 中使用模板语法 `{{ item.id }}`、`{{ item.name }}`、`{{ item.age }}` 渲染 Django 变量。注意,在 templet 中不能使用任何 Django 标签和过滤器,只能使用模板语法。
阅读全文