Django crispy-forms field_class没有按预期工作

Question

我用crispy-forms构建简单但是field-class属性不能按预期工作。

形成

class ArrivalForm(forms.Form):
    def __init__(self, *args, **kwargs):
        super(ArrivalForm, self).__init__(*args, **kwargs)
        self.helper = FormHelper()
        self.helper.form_id = 'arrival-form'
        self.helper.form_class = ''
        self.helper.form_method = 'POST'
        self.helper.form_action = ''
        self.helper.field_class = 'form-control'

        self.helper.layout = Layout(
        Div(
            Div('passenger_name', css_class='col-md-6'),
            Div('passenger_lastname', css_class='col-md-6'),  
            css_class='row'), 
        )

        self.helper.add_input(Submit('submit', 'Submit'))

    passenger_name = forms.CharField(
        label = "Firstname:",
        max_length = 80,
        required = True,
    )

    passenger_lastname = forms.CharField(
        label = "Lastname:",
        max_length = 80,
        required = True,
    )

呈现HTML

<form id="arrival-form" method="post" name="arrival-form">
    <input name="csrfmiddlewaretoken" type="hidden" value=
    "akxd0BVQrwaHbHr4FLjaDLz72BUUN9rQ">
    <div class="row">
        <div class="col-md-6">
            <div class="control-group" id="div_id_passenger_name">
                <label class="control-label requiredField" for=
                "id_passenger_name">Firstname:<span class=
                "asteriskField">*</span></label>
                <div class="controls">
                    <input class="textinput textInput" id="id_passenger_name"
                    maxlength="80" name="passenger_name" type="text">
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="control-group" id="div_id_passenger_lastname">
                <label class="control-label requiredField" for=
                "id_passenger_lastname">Lastname:<span class=
                "asteriskField">*</span></label>
                <div class="controls">
                    <input class="textinput textInput" id=
                    "id_passenger_lastname" maxlength="80" name=
                    "passenger_lastname" type="text">
                </div>
            </div>
        </div>
    </div>
    <div class="form-actions">
        <input class="btn btn-primary" id="submit-id-submit" name="submit"
        type="submit" value="Submit">
    </div>
</form>

问题我期望input字段自动添加form-control类。

Answer 1

只有在使用bootstrap3模板包（而不是默认的bootstrap包）时， field_class属性才有效。 检查您是否定义了以下设置：

CRISPY_TEMPLATE_PACK = 'bootstrap3'

事实上，一旦你设置了正确的模板，它将默认插入一个form-control类，因此你根本不需要手动设置它。