Djangoフォームフィールドテンプレートでのカスタム属性の割り当てと使用

Question

フォームを動的に生成しようとしており、フォームフィールドのインデントを割り当てたいとします。カスタム属性を割り当てようとしていますをforms.CharField in subclassに割り当てようとしています。このロジックを使用してXMLファイルから動的にフォームを作成する予定です。ここでフィールドはノードの深さに基づいてインデントされます。

テンプレートのレンダリング中にオフセットの値を取得できないため、余白左のスタイルパラメータを割り当てることができません。最後のhtml出力も表示されます。

助けてもらえますか？私はこのサイトで、任意の属性をテンプレートに割り当てて取り出すことができるように見える他の答えを探しました。例えばas in thread here where an arbitrary label_class attribute is assigned

マイforms.pyファイル：

class MyCharField(forms.CharField): 
    def __init__(self, *args, **kwargs): 
     self.offset = kwargs.pop('offset', 0) 
     super(MyCharField, self).__init__(*args, **kwargs) 


class MyDynamicForm(forms.Form): 
    def __init__(self, *args, **kwargs): 
     super(MyDynamicForm, self).__init__(*args, **kwargs) 
     self.fields["Field_A"] = MyCharField(label="Input A", offset="5") 
     self.fields["Offset_Field_B"] = MyCharField(label="Input B", offset="50") 

マイViews.pyは次のようになります。ブートストラップを使用して

class MyDynamicView(View): 
    template_name = 'demo/myform.html' 
    form_class = MyDynamicForm 

    def get(self, request, *args, **kwargs): 
     form = self.form_class() 
     return render(request, self.template_name, {'form': form}) 

マイテンプレートファイルには、次のようになります。

{% extends 'demo/base.html' %} 
{% load bootstrap3 %} 
{% block content %} 
    <form role="form" method="post"> 
     {% csrf_token %} 
     {% for field in form %} 
     <div class="form-group bootstrap3-required"> 
      <label class="col-md-3 control-label " style = "margin-left: {{field.offset}}px" for="{{ field.name }}">{{ field.label}}</label> 
      <div class="col-md-9"> 
       <input class="form-control" id="id_{{field.name}}" name="{{ field.name }}" placeholder="{{field.label}}" style="margin-left:{{field.offset}}px" title="" required="" type="text"/> 
      </div> 
     </div> 
     {% endfor %} 
     {% buttons submit='OK' reset='Cancel' layout='horizontal' %}{% endbuttons %} 
    </form> 
{% endblock %} 

html出力は：

<form role="form" method="post"> 
    <input type='hidden' name='csrfmiddlewaretoken' value='lTy0rc2r9KNiNNPosUoriUlNzYBpgoVpael1MYLOczFECO7H7LXdES6EGBhUoXx0' /> 


    <div class="form-group bootstrap3-required"> 
     <label class="col-md-3 control-label " style = "margin-left: px" for="Field_A">Input A</label> 
     <div class="col-md-9"> 
      <input class="form-control" id="id_Field_A" name="Field_A" placeholder="Input A" style="margin-left:px" title="" required="" type="text"/> 
     </div> 
    </div> 

    <div class="form-group bootstrap3-required"> 
     <label class="col-md-3 control-label " style = "margin-left: px" for="Offset_Field_B">Input B</label> 
     <div class="col-md-9"> 
      <input class="form-control" id="id_Offset_Field_B" name="Offset_Field_B" placeholder="Input B" style="margin-left:px" title="" required="" type="text"/> 
     </div> 
    </div> 


    <div class="form-group"><label class="col-md-3 control-label">&#160;</label><div class="col-md-9"><button class="btn btn-default" type="submit">OK</button> <button class="btn btn-default" type="reset">Cancel</button></div></div> 
</form> 

Answer 1

CharFieldからインスタンス化する必要はありません。おそらく、このようなフィールドのフォームの初期化は、あなたにとっては十分です：

field_a = forms.CharField('Input_A', 
           widget=forms.TextInput(attrs={'placeholder': 'Input_A', 'style': 'margin-left: 50px'}))