클래스, ID를 추가하는 방법, 자리 장고 모델의 필드 속성을

Question

내가 models.py

아래

class Product(models.Model): 
    name = models.CharField(max_length = 300) 
    description = models.TextField(max_length = 2000) 
    created = models.DateTimeField(auto_now_add = True) 
    updated = models.DateTimeField(auto_now = True) 

    def __unicode__(self): 
     return self.name 

forms.py

같은 장고 모델이 형성

class ProductForm(ModelForm): 
    class Meta: 
     model = Product 
     exclude = ('updated', 'created') 

product_form.py (예)

<form enctype="multipart/form-data" action="{% url 'add_a_product' %}" method="post"> 
     <div id="name"> 
      {{form.name}} 
     </div> 
     <div id="description"> 
      {{form.description}} 
     </div> 
    </form> 

사실은 내가/표시 렌더링 할 같은 HTML 출력 그래서 마지막으로 위의 코드에서 모델 양식 필드에 속성 (ID, 자리, 클래스)를 추가하는 방법을

<input id="common_id_for_inputfields" type="text" placeholder="Name" class="input-calss_name" name="Name"> 

<input id="common_id_for_inputfields" type="text" placeholder="Description" class="input-calss_name" name="description"> 

아래?

Answer 1

당신은 다음을 수행 할 수 있습니다

#forms.py 
class ProductForm(ModelForm): 
    class Meta: 
     model = Product 
     exclude = ('updated', 'created') 

    def __init__(self, *args, **kwargs): 
     super(ProductForm, self).__init__(*args, **kwargs) 
     self.fields['description'].widget = TextInput(attrs={ 
      'id': 'myCustomId', 
      'class': 'myCustomClass', 
      'name': 'myCustomName', 
      'placeholder': 'myCustomPlaceholder'}) 

Answer 2

필드 ID가, 장고에 의해 자동으로 생성해야 다른 필드를 오버라이드 (override) :

class ProductForm(ModelForm): 
    class Meta: 
     model = Product 
     exclude = ('updated', 'created') 

    def __init__(self, *args, **kwargs): 
     super(ProductForm, self).__init__(*args, **kwargs) 
     self.fields['name'].widget.attrs\ 
      .update({ 
       'placeholder': 'Name', 
       'class': 'input-calss_name' 
      }) 

Answer 3

당신은 다음과 같이 forms.py 업데이트 할 수 있습니다

 class ProductForm(ModelForm): 
      class Meta: 
        model = Product 
        exclude = ('updated', 'created') 
        widgets={ 
         "name":forms.TextInput(attrs={'placeholder':'Name','name':'Name','id':'common_id_for_imputfields','class':'input-class_name'}), 
         "description":forms.TextInput(attrs={'placeholder':'description','name':'description','id':'common_id_for_imputfields','class':'input-class_name'}), 

        } 

Answer 4

다음을 수행 할 수 있습니다.

class ProductForm(ModelForm): 
    name = forms.CharField(label='name ', 
      widget=forms.TextInput(attrs={'placeholder': 'name '})) 

Answer 5

, 그래서 수동으로 각 필드에 대한 양식 입력 위젯을 다시 만들 필요가 없습니다 모든 양식 필드에 부트 스트랩 클래스를 추가하는 우수한 mariodev 응답의 약간 수정 된 버전 (짧은 파이썬 3.x의 슈퍼()) :

class ProductForm(forms.ModelForm): 
    def __init__(self, *args, **kwargs): 
     super().__init__(*args, **kwargs) 
     for field in self.Meta.fields: 
      self.fields[field].widget.attrs.update({ 
       'class': 'form-control' 
      }) 

Answer 6

나는 Dmitriy Sintsov의 답변을 정말 좋아하지만 작동하지 않습니다.

def __init__(self, *args, **kwargs): 
    super().__init__(*args, **kwargs) 
    for field in iter(self.fields): 
     self.fields[field].widget.attrs.update({ 
      'class': 'form-control' 
    }) 

Answer 7

Derick 헤이즈에서 답변을 추가 내가 그것을 확장 모든 형태에 부트 스트랩 클래스를 추가 forms.ModelForm를 확장하는 클래스의 BasicForm을 만들어 : 다음 작업을 수행하는 버전입니다.

제 폼의 경우 모델 폼 대신 BasicForm을 확장하고 모든 폼에서 자동으로 부트 스트랩 클래스를 얻습니다. 나는 한 걸음 나아가 이미 클래스에있는 커스텀 CSS 클래스에 클래스를 추가했다. 필드를 형성하기 위해 CSS 클래스를 추가하는

class BaseModelForm(forms.ModelForm): 

def __init__(self, *args, **kwargs): 
    super(BaseModelForm, self).__init__(*args, **kwargs) 
    # add common css classes to all widgets 
    for field in iter(self.fields): 
     #get current classes from Meta 
     classes = self.fields[field].widget.attrs.get("class") 
     if classes is not None: 
      classes += " form-control" 
     else: 
      classes = "form-control" 
     self.fields[field].widget.attrs.update({ 
      'class': classes 
     }) 

Answer 8

add_class 필터 : 내 선택 위젯에서 모든 옵션을 삭제하는 것을 제외

{% load widget_tweaks %}  
    <form enctype="multipart/form-data" action="{% url 'add_a_product' %}" method="post"> 
       <div id="name"> 
        {{form.name|add_class:"input-calss_name"}} 
       </div> 
       <div id="description"> 
        {{form.description|add_class:"input-calss_name"}} 
       </div> 
      </form> 

django-widget-tweaks library