您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

使用Django Crispy Forms渲染单独的MultiWidget字段

5b51 2022/1/14 8:22:35 python 字数 4563 阅读 598 来源 www.jb51.cc/python

我的具体情况是我需要在一行中渲染这个字段(使用Bootstrap 3): 所以类似于: <div class="form-group"> <label>Amount:</label> <div class="row"> <input name="amount_0" type="number" class="col-xs-8"> <select nam

概述

所以类似于:

<div class="form-group">
    <label>Amount:</label>
    <div class="row">
        <input name="amount_0" type="number" class="col-xs-8">
        <select name="amount_1" class="col-xs-4">...</select>
    </div>
</div>

使用:https://github.com/jakewins/django-money
小工具:https://github.com/jakewins/django-money/blob/master/djmoney/forms/widgets.py

模型:

from djmoney.models.fields import MoneyField

class MyModel(models.Model):
    ...
    amount = MoneyField(...)
    ...

形成:

class MyForm(forms.ModelForm):
    ...
    @property
    def helper(self):
        helper = FormHelper()
        helper.form_tag = False

        helper.layout = Layout()
        helper.layout.fields = [
            ...
            'amount',...
        ]

        return helper
    ...

见:django.forms.MultiWidget.format_output(rendered_widgets)

这是如何在Django 1.10-中将MultiWidget呈现为列:

from djmoney.forms.widgets import MoneyWidget


class CustomMoneyWidget(MoneyWidget):
    def format_output(self,rendered_widgets):
        return ('<div class="row">'
                    '<div class="col-xs-6 col-sm-10">%s</div>'
                    '<div class="col-xs-6 col-sm-2">%s</div>'
                '</div>') % tuple(rendered_widgets)


class BookingForm(forms.ModelForm):
    ...
    def __init__(self,*args,**kwargs):
        super(BookingForm,self).__init__(*args,**kwargs)

        amount,currency = self.fields['amount'].fields

        self.fields['amount'].widget = CustomMoneyWidget(
            amount_widget=amount.widget,currency_widget=currency.widget)
    ...

对于Django 1.11:

由于change,您需要使用new template api.相反,您的自定义资金小部件应如下所示:

class CustomMoneyWidget(MoneyWidget):
    template_name = 'widgets/money.html'

使用模板money.html

<div class="row">
    <div class="col-xs-6 col-sm-10">
        {% with widget=widget.subwidgets.0 %}
            {% include widget.template_name %}
        {% endwith %}
    </div>
    <div class="col-xs-6 col-sm-2">
        {% with widget=widget.subwidgets.1 %}
            {% include widget.template_name %}
        {% endwith %}
    </div>
</div>

总结

以上是编程之家为你收集整理的使用Django Crispy Forms渲染单独的MultiWidget字段全部内容,希望文章能够帮你解决使用Django Crispy Forms渲染单独的MultiWidget字段所遇到的程序开发问题。


如果您也喜欢它,动动您的小指点个赞吧

除非注明,文章均由 laddyq.com 整理发布,欢迎转载。

转载请注明:
链接:http://laddyq.com
来源:laddyq.com
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


联系我
置顶