广告
返回顶部
首页 > 资讯 > 后端开发 > Python >django admin实现动态多选框表单的示例代码
  • 826
分享到

django admin实现动态多选框表单的示例代码

2024-04-02 19:04:59 826人浏览 泡泡鱼

Python 官方文档:入门教程 => 点击学习

摘要

背景 借助Django-admin,可以快速得到CRUD界面,但若需要创建多选标签字段时,需要对表单进行调整 示例 model.py 一个tag(标签类),一个boo

背景

借助Django-admin,可以快速得到CRUD界面,但若需要创建多选标签字段时,需要对表单进行调整

示例

model.py

  • 一个tag(标签类),一个book(书本类)
  • book携带tag,这里不借助有性能问题的外键

class tag(models.Model):
    name = models.CharField(max_length=20, verbose_name='标签')
 
 
class book(models.Model):
    name = models.CharField(max_length=50, verbose_name='书名')
    tags = models.TextField(null=True, verbose_name='标签')

 admin.py

将对应的model到admin中注册,才能被djanGo-admin发现并使用,所以主要步骤在此,有以下注意点:

  • values_list返回:<QuerySet [('tag1', 'tag1'), ('tag2', 'tag2')]>
  • 保证最新标签列表:在表单初始化才执行一次标签查询
  • 表单修改显示标签:在表单初始化赋值列表对象

# 标签查询
def get_tag_list():
    return tag.objects.values_list("name", "name")
 
# 表单类定义
class bookFORM(forms.ModelForm):
    tags = forms.MultipleChoiceField(label='标签', widget=widgets.CheckboxSelectMultiple)
 
    def __init__(self, *args, **kwargs):
        super(cameraForm, self).__init__(*args, **kwargs)
        
        # 保证每次初始化有最新的标签列表
        self.fields['tags'].choices = get_tag_list()
        
        # 由于会在数据库中存储为列表字符串,需在赋值时转回列表对象,才能在修改表单时识别原值
        self.initial['tags'] = eval(self.initial['tags'])    
 
    class Meta:
        model = book
        exclude = []
 
# book扩展
class bookAdmin(admin.ModelAdmin):
    search_fields = 'name', 'tags')
    list_display = ( 'name', 'tags')
    form = bookForm
 
# 注册到admin中
admin.site.reGISter(book, bookAdmin)

处理结果

写入到数据库格式

数据库中以列表形式存储字符串

django表单样式

以上就是django admin实现动态多选框表单的示例代码的详细内容,更多关于django admin多选框表单的资料请关注编程网其它相关文章!

--结束END--

本文标题: django admin实现动态多选框表单的示例代码

本文链接: https://www.lsjlt.com/news/125822.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • django admin实现动态多选框表单的示例代码
    背景 借助django-admin,可以快速得到CRUD界面,但若需要创建多选标签字段时,需要对表单进行调整 示例 model.py 一个tag(标签类),一个boo...
    99+
    2022-11-12
  • 怎么在django中利用admin实现动态多选框表单
    这期内容当中小编将会给大家带来有关怎么在django中利用admin实现动态多选框表单,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。model.py一个tag(标签类),一个book(书本类)book携带...
    99+
    2023-06-15
  • Element实现动态表格的示例代码
    目录【代码背景】【代码实现】#1# -> 代码复用的基础是你需要一个可复用的组件#2# -> 在展示页面使用动态表格组件#3# -> 如何给动态表格根据需求动态添加...
    99+
    2022-11-12
  • elementUI实现下拉选项加多选框的示例代码
    目录下拉加多选框升级—添加全部选项需求改版完善因产品需求和UI样式调整,和element自带的下拉多选有冲突,索性自己尝试修改如下: 下拉加多选框 效果如下图: 封装如下: &...
    99+
    2022-11-12
  • Django实现简单登录的示例代码
    目录创建django项目使用模型的url.py加载静态文件页面跳转创建数据库模型提交表单提交ajax提交创建django项目 创建项目的命令行语句: django-admin st...
    99+
    2022-11-12
  • C语言实现线性动态(单向)链表的示例代码
    目录什么是链表为什么不用结构体数组链表的操作创建表删除元素插入元素代码及运行结果什么是链表 链表是数据结构里面的一种,线性链表是链表的一种,线性链表的延伸有双向链表和环形链表。在编程...
    99+
    2022-11-13
  • C语言实现动态链表的示例代码
    目录结构体定义已经函数声明函数实现创建一个链表判断链表是否为空获得链表中节点的个数在某个特定的位置插入一个元素获得指定下标的节点的元素删除一个节点链表逆序链表的清空链表的销毁链表的遍...
    99+
    2022-11-13
  • Android实现单选与多选对话框的代码
    android开发中实现单选与多选对话框的代码非常简单,具体代码如下所示: public void myClick(View view) { // 单选对话框 //s...
    99+
    2022-06-06
    Android
  • Golang实现单链表的示例代码
    目录1. 定义节点2. IsEmpty():3. Length():4. AddFromHead():5. AddFromTail():6. Insert()7. Delet ...
    99+
    2023-03-15
    Golang 单链表
  • C语言实现动态顺序表的示例代码
    目录顺序表概念及结构基本操作功能实现程序运行顺序表概念及结构 顺序表是用一段物理地址连续的存储单元依次存储数据元素的线性结构,一般情况下采用数组存储。在数组上完成数据的增删查改。 分...
    99+
    2022-11-13
    C语言 动态顺序表 C语言 顺序表
  • Python+Django实现简单HelloWord网页的示例代码
    目录安装Django创建Django项目默认文件创建APP实现简单HelloWord网页启动django项目安装Django 使用anaconda在python环境中安装django...
    99+
    2022-11-10
  • Flutter实现笑嘻嘻的动态表情的示例代码
    目录前言AnimatedContainer 介绍组件结构细节实现总结前言 身在孤岛有很多无奈,比如说程序员属于比较偏门的职业。尤其是早些年,在行业里跳过几次槽后,可能你就已经认识整个...
    99+
    2022-11-13
  • 原生JavaScript实现模态框的示例代码
    目录原生js封装模态框示例效果代码原生js封装模态框 最近需要一个模态框,然后一种是提示类的,一种是确认类型,我就想着再网上找一个然后修改一下,结果找到了,但是不深特别合适,我再次基...
    99+
    2022-11-13
  • React实现登录表单的示例代码
    作为一个Vue用户,是时候扩展一下React了,从引入antd、配置less、router,终于实现了一个简单的登录表单。 代码如下: import React from 'r...
    99+
    2022-11-12
  • AngularJS如何实现单选框及多选框的双向动态绑定
    这篇文章给大家分享的是有关AngularJS如何实现单选框及多选框的双向动态绑定的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。AngularJS 在 <input type...
    99+
    2022-10-19
  • uniapp中单选按钮的实现代码示例
    目录标签说明:属性说明:上代码:实际场景案例,男女单选框总结标签说明: radio-group:单项选择器,内部由多个 <radio> 组成。通过把多...
    99+
    2023-01-17
    uniapp单选按钮 uniapp 按钮
  • Flutter实现自定义筛选框的示例代码
    目录一、首先自定义筛选框的按钮视图,布局很简单,一个listView就可以搞定。二、定义筛选数据展示列表视图。一、首先自定义筛选框的按钮视图,布局很简单,一个listView就可以搞...
    99+
    2022-11-12
  • element-plus下拉框实现全选的示例代码
    目录前言下拉框的简单使用全选互斥下拉框多选全选互斥的实现多个下拉框互斥一般全选的实现前言 实习确实能学到不少东西,但是学到的东西果然还是需要沉淀下来,不然后面立马又忘记了。 下拉框的...
    99+
    2022-11-13
  • 通过Mybatis实现单表内一对多的数据展示示例代码
    表:  需求:  将表中的数据,按照一级二级分类返回给前端json数据代码实现:  java代码: public class ResultIndustry { private String industryFirst;//一级行业 pri...
    99+
    2023-05-31
    mybatis 一对多
  • vue+element实现动态换肤的示例代码
    有时候一个项目的主题并不能满足所有人的审美,这时候换肤功能就很友好,本项目基于vue+element实现后台管理项目的换肤功能 1.创建换肤组件 <template>...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作