django xadmin中form_layout添加字段显示方式

让我来详细讲解“django xadmin中form_layout添加字段显示方式”的攻略。

背景

在使用Django Xadmin进行后台管理时，我们常常需要修改添加表单的显示方式，这样能够使得表单更加美观、清晰，并且能够适应不同的需求。

步骤

在Django Xadmin中，我们可以通过form_layout来添加表单字段的显示方式。

步骤一：创建xadmin类

首先，我们需要先创建一个xadmin类，可以通过继承object或是admin.ModelAdmin来创建。以下是一个继承admin.ModelAdmin的例子：

import xadmin

from .models import MyModel

class MyModelAdmin(xadmin.ModelAdmin):
    pass

xadmin.site.register(MyModel, MyModelAdmin)

步骤二：添加form_layout字段

在xadmin类中，我们可以通过添加form_layout来设置表单字段显示方式。以下是一个添加form_layout的例子：

import xadmin

from .models import MyModel

class MyModelAdmin(xadmin.ModelAdmin):
    form_layout = (
        xadmin.layout.Fieldset(
            '基本信息',  # 给这一组字段取一个标题
            xadmin.layout.Row('name', 'age'),  # 一行内显示name和age字段
            xadmin.layout.Row('gender', 'email'),  # 一行内显示gender和email字段
        ),
        xadmin.layout.Fieldset(
            '其他信息',  # 给这一组字段取一个标题
            'location',  # 单独显示location字段
            'job',  # 单独显示job字段
        ),
    )

xadmin.site.register(MyModel, MyModelAdmin)

在上面的例子中，我们通过form_layout来设置表单字段的显示方式。我们通过FieldSet来组织表单的各个字段。每个FieldSet可以包含多个Row和若干个独立的字段。通过这种方式，我们可以将表单字段按照我们的需求逐层分组，并且控制每个分组内字段的显示方式。

步骤三：增加CSS样式

如果我们想要美化添加表单，就需要增加CSS样式。我们可以通过添加admin_view的extra_css来增加CSS样式。具体的做法如下：

import xadmin

from .models import MyModel

class MyModelAdmin(xadmin.ModelAdmin):
    form_layout = (
        # 省略form_layout的部分内容
    )

    def get_form(self, request, obj=None, **kwargs):
        form = super().get_form(request, obj, **kwargs)
        form.fields['name'].widget.attrs.update({
            'class': 'my-class',  # 在name字段上添加my-class样式
        })
        form.fields['age'].widget.attrs.update({
            'class': 'my-class',  # 在age字段上添加my-class样式
        })
        return form

    class Media:
        css = {
            'all': ('myapp/css/mystyles.css',)
        }

xadmin.site.register(MyModel, MyModelAdmin)

在上面的例子中，我们重写了get_form方法，通过form.fields[field_name].widget.attrs.update来为每个字段添加CSS样式，这里为了演示只添加了一个my-class样式。然后，在这个xadmin类中，我们还要添加Media属性，来指定要添加的CSS文件。

总结

通过上述三个步骤，我们可以在Django Xadmin中设定表单字段的显示方式，并且增加CSS样式，使得表单更加美观和清晰。