Django-如何修改脆皮表格?

时间:2018-07-26 05:09:31

标签: django django-forms django-templates django-crispy-forms

首先,我要生成一个如下所示的页面:

enter image description here

有三件事使它变得困难。 1.标签+输入字段集应水平对齐 2.一些字段具有复选框 3. Date字段具有一个特殊的Bootstrap插件。

以下是每种类型的html源代码:

通用类型:

    <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6" style="margin-bottom: 5px">
      <label class="input-upper-title">Drill String Name</label>
      <input type="text" id="" class="form-control  input-field-height-vertical" name="" required="">
    </div>

具有复选框:

    <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6" style="margin-bottom: 5px">
      <label class="input-upper-title">String Length (ft)</label>
      <div class="has-checkbox">
        <input type="checkbox"><input disabled="disabled" type="text" id="" class="form-control input-field-height-vertical input-calculated" name="" data-parsley-trigger="" required="">
      </div>
    </div>

具有日期插件:

    <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6" style="margin-bottom: 5px">
      <label class="input-upper-title">Date Run</label>
      <div class="form-group">
        <div class="input-group date" id="datetimepicker7" data-target-input="nearest">
          <input type="text" class="form-control datetimepicker-input input-field-height-vertical" data-target="#datetimepicker7"/>
          <div class="input-group-append" data-target="#datetimepicker7" data-toggle="datetimepicker">
            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
          </div>
        </div>
      </div>
    </div>

这是我的 forms.py

class BHA_overall_Form(forms.ModelForm):

    prefix = 'bha_overall'

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.helper = FormHelper()

    class Meta():
        model = BHA_overall
        fields = '__all__'

我应该如何使用crispy_forms修改 forms.py 来获得与html源代码相同的效果?

0 个答案:

没有答案