深入了解python中django后台自定义表单控件

本篇文章主要介绍了python中django 后台自定义表单控件,其实 django 已经为我们提供了一些可用的表单控件,比如:多选框、单选按钮等,有兴趣的开业了解一下。

在 django 中我们可以在 admin.py 中添加 modeladmin,这样就能很方便地在后台进行增删改查的操作。然而,对应 model 生成的表单,并不友好,我们希望能像前端开发一样做出各种类型的控件,这就得对其后台的表单进行自定义。

其实 django 已经为我们提供了一些可用的表单控件,比如:多选框、单选按钮等,下面就以单选按钮为例:

# forms.py
from django import forms
from .models import mymodel
class myform(forms.modelform):
xxx = forms.choicefield(choices=[…], widget=forms.radioselect())
class meta:
model = mymodel
fields = [‘id’, ‘xxx’]
# admin.py
from django.contrib import admin
from .models import mymodel
from .forms import myform
class myadmin(admin.modeladmin):
form = myform
# …省略若干代码
admin.site.register(mymodel, myadmin)

先自定义一个 myform,在里面为字段添加控件,widget 用来指定控件的类型,choices 指定可选列表,再在 myadmin 中的 form 指定为自定义表单即可。

在 django 中已经提供了很多 widget(控件),然而这些还远远满足不了我们的需求,这就需要我们去自定义,下面就以一个 ace 插件 (ace 是一个独立的 javascript 编写的基于 web 的代码编辑器)为例,说说怎么自定义 widget:

#coding: utf-8
from django import forms
from django.utils.html import format_html
from django.forms.utils import flatatt
from django.utils.encoding import force_text
from django.utils.safestring import mark_safe
ace_render = ”’
《script》
《script》
《script》
$(function () {
var textarea = $(‘textarea’);
var editp = $(‘

‘, {
position: ‘absolute’,
width: textarea.width(),
height: textarea.height(),
‘class’: textarea.attr(‘class’)
}).insertbefore(textarea);
textarea.css(‘display’, ‘none’);
var editor = ace.edit(editp[0]);
editor.getsession().setvalue(textarea.val());
editor.getsession().setmode(“ace/mode/%s”);
editor.settheme(“ace/theme/%s”);
textarea.closest(‘form’).submit(function () {
textarea.val(editor.getsession().getvalue());
});
});
《script》
”’
class acewidget(forms.textarea):
def init(self, mode=””, theme=””, attrs=none):
”’
为了能在调用的时候自定义代码类型和样式
:param mode:
:param theme:
:param attrs:
:return:
”’
super(acewidget, self).init(attrs)
self.mode = mode
self.theme = theme
def render(self, name, value, attrs=none):
”’
关键方法
:param name:
:param value:
:param attrs:
:return:
”’
if value is none:
value = ”
final_attrs = self.build_attrs(attrs, name=name)
output = [format_html(‘\r\n{}’, flatatt(final_attrs), force_text(value))]
current_ace_render = ace_render %(self.mode, self.theme)
output.append(current_ace_render)
return mark_safe(‘\n’.join(output))

主要就是自定义的 widget 要继承自 django 的 widget,然后重写 render 方法,在这个方法中,对新的控件进行包装。

在 forms.py 中将自定义的控件 acewidget 引入:

#coding: utf-8
from django import forms
from .models import code
from widgets import acewidget
class codeform(forms.modelform):
code = forms.charfield(label=’源码’, widget=acewidget(attrs={‘cols’: ‘100’, ‘rows’: ’20’}, mode=”python”, theme=”monokai”))
class meta:
model = code
fields = [‘title’, ‘code’]

需要注意的是:在这里使用的 mode=”python”, theme=”monokai” 对应的文件 mode-python.js 和 theme-monokai.js 一定要在 /static/js/ace 目录下。

效果图

附录:

models.py:

#coding:utf-8
from django.db import models
class code(models.model):
title = models.charfield(‘标题’, max_length=50, unique=true)
code = models.textfield(‘源码’)
class meta:
db_table = ‘code’
verbose_name = verbose_name_plural = ‘代码’
def unicode(self):
return self.title

admin.py:

from django.contrib import admin
from .models import code
from .forms import codeform
class codeadmin(admin.modeladmin):
form = codeform
list_display = [‘id’, ‘title’]
admin.site.register(code, codeadmin)

以上就是深入了解python中django后台自定义表单控件的详细内容,更多请关注 第一php社区 其它相关文章!

Posted in 未分类