2016-05-30 25 views
0

我有兩個具有相同窗體的模板,但在一個頁面上我不想顯示'照片'字段。問題是我的表單通過FormHelper描述了脆皮形式。如何隱藏/排除/刪除'照片'字段和FormActions(按鈕)?提前致謝。排除/隱藏Django窗體呈現的酥脆形式的字段

views.py:

def user_data_view(request): 
     model_values = UserData.objects.order_by('last_name')[0] 
     form = User_data_form(initial={ 
      'name':model_values.name, 
      'last_name':model_values.last_name, 
      'birth_date':model_values.birth_date, 
      'bio':model_values.bio, 
      'email':model_values.email, 
      'jabber':model_values.jabber, 
      'skype':model_values.skype, 
      }) 
     context = { 
      'form':form, 
     } 
     return render(request, 'home.html', context) 

forms.py

class User_data_form(forms.ModelForm): 
class Meta: 
    model = UserData 
    fields = ['name', 'last_name', 'birth_date', 'bio', 'email', 'jabber','skype', 'photo'] 

def __init__(self, *args, **kwargs): 
    super(User_data_form, self).__init__(*args, **kwargs) 

    self.helper = FormHelper() 

    self.helper.form_id = 'data-fields' 
    self.helper.form_method = 'POST' 
    self.helper.form_tag = True 
    self.helper.layout = Layout(
     Div(
      Div('name', 'last_name', 'birth_date','email', 'jabber','skype','bio', css_class='col-md-6'), 
      Div('photo', css_class='col-md-6'), 
      HTML('<img src="{{ url_photo }}" id="photo-preview" class="pull-right form-inline">'), 

     ), 
     FormActions(
     Submit('save_changes', 'Save', css_class='btn btn-success'), 

     ) 

    ) 

template.html

<form id="form" action="">{% csrf_token %} 
{% crispy form %} 
</form> 

更新時間:

我重寫forms.py代碼如下所示:

class FormMixin(forms.ModelForm): 
class Meta: 
    model = UserData 
    fields = ['name', 'last_name', 'birth_date', 'bio', 'email', 'jabber','skype', 'photo'] 

def __init__(self, *args, **kwargs): 
    super(FormMixin, self).__init__(*args, **kwargs) 

    self.helper = FormHelper() 

    self.helper.form_id = 'data-fields' 
    self.helper.form_method = 'POST' 
    self.helper.form_tag = True 
    self.helper.layout = Layout(
     Div(
      Div('name', 'last_name', 'birth_date','email', 'jabber','skype','bio', css_class='col-md-6'), 
      Div('photo', css_class='col-md-6'), 
      HTML('<img src="{{ url_photo }}" id="photo-preview" class="pull-right form-inline">'), 
     ), 
     FormActions() 
     ) 

class User_data_form(FormMixin): 

def __init__(self, *args, **kwargs): 
    super(User_data_form, self).__init__(*args, **kwargs) 
    self.helper = FormHelper() 
    self.helper.layout = Layout(
     Div(), 
     FormActions(
     Submit('save_changes', 'Save', css_class='btn btn-success'), 
     ) 
    ) 

class InitialForm(FormMixin): 
class Meta: 
    model = UserData 
    exclude = ['photo'] 
def __init__(self, *args, **kwargs): 
    super(InitialForm, self).__init__(*args, **kwargs) 

但現在我已經提交關於形式的第二個模板頂部的按鈕。如何重新組裝代碼以將按鈕放置在表單下方?

+2

最簡單的方法是定義一個新的表格班。它可以繼承現有的表單類,只需從'fields'中刪除一個字段。 – solarissmoke

+0

跟着你我做: '類InitialForm(User_data_form): 模型=的UserData 排除= [ '照片'] 高清__init __(自我,* ARGS,** kwargs): 超(InitialForm,個體經營).__的init __( * args,** kwargs)' 但是字段仍然顯示... – Andriy

+0

它適用於字段(我在之前的評論中錯過了類Meta)。但是如何排除Button? – Andriy

回答

0

不是最好的desicion,但仍然...

模板你想隱藏的照片,只需插入水木清華這樣的:

<script> document.onLoad(function(){document.getElementById('form').getElementsByTagName('img')[0].style = 'display:none'; 
}) </script> 
相關問題