首页 > 其他分享 >ModelForm基类:添加bootstrap新式

ModelForm基类:添加bootstrap新式

时间:2023-11-07 17:12:22浏览次数:33  
标签:__ widget bootstrap field attrs 基类 ModelForm class

from django import forms

class BootStrapModelForm(forms.ModelForm):
	def __init__(self, *args, **kwargs):
		super().__init__(*args, **kwargs)
		# 循环ModelForm中的所有字段,给每个字段的插件设置
		for name, field in self.fields.items():
			# 字段中有属性,保留原来的属性,没有属性,才增加。
			if field.widget.attrs:
				field.widget.attrs['class'] = 'form-control'
				field.widget.attrs['placeholder'] = field.label
			else:
				field.widget.attrs = {
					'class': 'form-control',
					'placeholder': field.label
				}

标签:__,widget,bootstrap,field,attrs,基类,ModelForm,class
From: https://www.cnblogs.com/jyfyb/p/17815405.html

相关文章

  • C++_17_多继承和虚基类 - 重写版
    多继承单继承:一个派生类只有一个基类,这就是单基类继承,简称“单继承”多继承:一个派生类允许有两个及以上的基类,这就是多基类继承,简称“多继承”单继承中,派生类是对基类的特例化,例如编程类书籍是书籍中的特例。而多继承中,派生类是所有基类的一种组合。在多继承中,派......
  • File "<frozen importlib._bootstrap>", line 219, in _call_with_frames_removed Imp
    问题:最近在复现Mask_RCNN代码时,报错如下:原因:cuda与cudnn未正确配置解决方法:需要到官网手动下载cuda与cudnn:cuda官网:CUDAToolkitArchive|NVIDIADevelopercudnn官网:cuDNNArchive|NVIDIADeveloper注意:cuda与cudnn的版本号需要与tensorflow-gpu的版本号相对应。官网链接:......
  • Java后台微信点餐小程序2023年最新版笔记Springboot+Mysql+Freemarker+Bootstrap
    由于之前的Java后台微信点餐小程序有些知识点过时了,所以今天重新出一版,把里面过时的知识点更新下第一章,技术选型(重要)在开始学习之前,要记得安装jdk8和mysql8,后面的笔记里也会具体讲解怎么安装,但是jdk8和mysql8必须和石头哥保持一致。1,后台技术选型:JDK8(必须保持一致)Mysql8(必......
  • 【Java 进阶篇】深入了解 Bootstrap 组件
    Bootstrap是一个流行的前端框架,提供了丰富的组件,用于创建各种网页元素和交互效果。这些组件可以帮助开发者轻松构建漂亮、响应式的网页,而无需深入的前端开发知识。在本文中,我们将深入探讨Bootstrap中一些常用的组件,适合初学者,帮助他们更好地理解和应用这些元素。什么是Bootstra......
  • 【Java 进阶篇】深入浅出:Bootstrap 轮播图
    在现代网页设计中,轮播图是一个常见的元素。它们可以用于展示图片、广告、新闻、产品或任何您希望吸引用户注意力的内容。要实现一个轮播图,您通常需要一些复杂的HTML、CSS和JavaScript代码,这对于初学者来说可能会感到困难。但幸运的是,有一些强大的工具可以帮助我们轻松创建漂亮的轮......
  • 配置中心(脱离bootstrap.yml)
    前言SpringBoot2.4.0对于环境属性加载进行了重写,废弃了ConfigFileApplicationListener类,而使用了新的ConfigDataEnvironmentPostProcessor来加载属性配置。而且还引入了spring.config.import属性用于导入外部配置,因此SpringCloud也默认不再创建bootstrap上下文,配置中心可以使......
  • BootstrapBlazor组件库,Table组件导出数据到剪切板
    BootstrapBlazor组件库,Table组件导出数据到剪切板解决方案使用ClipboardService将Table数据导出到剪切板中,并且可以直接粘贴到Excel。这里我直接采用ExportButtonDropdownTemplate添加了2个新的导出选项,一个是导出当前页,一个是导出所有页。Razor代码<TableTItem="Foo"......
  • BootstrapBlazor组件库,Clipboard剪切板服务
    BootstrapBlazor组件库,Clipboard剪切板服务组件介绍本Blazor组件依赖于BootstrapBlazor组件库。使用该组件之前需要先安装BootstrapBlazor组件库。可以通过nuget命令行安装dotnetaddpackageBootstrapBlazor--version7.x或者双击项目名称直接添加ItemGroup<ItemGroup......
  • 直播app系统源码,bootstrap5 text左对齐右对齐
    直播app系统源码,bootstrap5text左对齐右对齐在bootstrap4中text左/右对齐   <h1class="text-right">右对齐</h1>  <h1class="text-left">左对齐</h1>  <h1class="text-center">居中</h1> ​看了下官网在bootstrap5中就不起作用了换成t......
  • 正确配置bootstrap解决NN-SVG无法正常使用
    最近在学习深度学习相关内容,正好在找能绘制模型图的工具,看到很多人都推荐NN-SVG,就去尝试了一下,结果并没法正常使用,页面打开后变成了这样: 按下F12会发现报错: 这是由于网页使用了bootstrap,但是国内的网络远程引用时出错,所以导致页面内容没有完全加载,因此也就没法正常使用了。......