2012-09-06 64 views
5

我有了一個外鍵指定一個動作多久再次出現的動作模式:獲取額外的數據到Django的形式下拉選擇

class Reoccurance(models.Model): 
    label = models.CharField("Label", max_length=50, unique = True) 
    days = models.IntegerField("Days") 

    def __unicode__(self): 
     return self.label 

    class Meta: 
     ordering = ['days'] 

class Action(models.Model): 
    name = models.CharField("Action Name", max_length=200, unique = True) 
    complete = models.BooleanField(default=False, verbose_name="Complete?") 
    reoccurance = models.ForeignKey(Reoccurance, blank=True, null=True, verbose_name="Reoccurance") 

我做了一項行動的ModelForm導致HTML代碼reoccurance(基於存在的reoccurance表的數據庫值):

<select id="id_reoccurance" class="select" name="reoccurance"> 
    <option value="" selected="selected">---------</option> 
    <option value="12">2 Days</option> 
    <option value="1">3 Days</option> 
    <option value="2">5 Days</option> 
    <option value="10">6 Days</option> 
    <option value="9">1 Week</option> 
    <option value="3">10 Days</option> 
    <option value="4">2 Weeks</option> 
    <option value="11">3 Weeks</option> 
    <option value="5">1 Month</option> 
    <option value="13">6 Weeks</option> 
    <option value="6">1 Quarter</option> 
    <option value="7">6 Months</option> 
    <option value="8">1 Year</option> 
</select> 

正如你所看到的,雖然選擇是按升序天階,數值超出的順序,因爲它們輸入到數據庫中出訂單。

我想創建一些jquery動態計算動作將重新發生的日期。它將採用今天的日期並添加與用戶選擇的選擇對應的天數。但是通過表格中獲得的數據,我無法將選擇翻譯成規定的天數。即使選項項目的價值是有序的,但它並不表示說「1年」等於365天。

該數據雖然在Reoccurance表中。對於標籤=「1年」,天= 365.同樣,對於Reoccurance表中的所有項目。

有沒有辦法重寫我的modelForm,這樣可能每個下拉項的選項值等於該選擇的天數?因爲那樣的話,我可以訪問天數:

$("#id_reoccurance").change(function() { 
    alert($(this).val()); 
}); 

這會我以配合適當的reoccurance選擇到Reoccurance表的正確行能力產生不利影響?有沒有另外一種方式可以訪問我的表單模板中的jquery標籤?

更新

感謝約瑟夫的建議檢查this post,我能夠爲包括我的選擇元素的標題:

from django.utils.html import conditional_escape, escape 
from django.utils.encoding import force_unicode 

class SelectWithTitles(forms.Select): 
    def __init__(self, *args, **kwargs): 
     super(SelectWithTitles, self).__init__(*args, **kwargs) 
     # Ensure the titles dict exists 
     self.titles = {} 

    def render_option(self, selected_choices, option_value, option_label): 
     title_html = (option_label in self.titles) and \ 
      u' title="%s" ' % escape(force_unicode(self.titles[option_label])) or '' 
     option_value = force_unicode(option_value) 
     selected_html = (option_value in selected_choices) and u' selected="selected"' or '' 
     return u'<option value="%s"%s%s>%s</option>' % (
      escape(option_value), title_html, selected_html, 
      conditional_escape(force_unicode(option_label))) 

class ChoiceFieldWithTitles(forms.ChoiceField): 
    widget = SelectWithTitles 

    def __init__(self, choices=(), *args, **kwargs): 
     choice_pairs = [(c[0], c[1]) for c in choices] 
     super(ChoiceFieldWithTitles, self).__init__(choices=choice_pairs, *args, **kwargs) 
     self.widget.titles = dict([(c[1], c[2]) for c in choices]) 

class ActionForm(forms.ModelForm): 
    reoccurance = ChoiceFieldWithTitles() 

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

     choices = [] 
     for pt in Reoccurance.objects.all(): 
      choices.append((pt.id, pt.label, pt.days)) 
     self.fields['reoccurance'] = ChoiceFieldWithTitles(choices = choices) 

神奇。所以,現在我得到了我的模板如下:

<select id="id_reoccurance" class="selectwithtitles" name="reoccurance"> 
    <option value="12" title="2" >2 Days</option> 
    <option value="1" title="3" >3 Days</option> 
    <option value="2" title="5" >5 Days</option> 
    <option value="10" title="6" >6 Days</option> 
    <option value="9" title="7" >1 Week</option> 
    <option value="3" title="10" >10 Days</option> 
    <option value="4" title="14" >2 Weeks</option> 
    <option value="11" title="21" >3 Weeks</option> 
    <option value="5" title="30" >1 Month</option> 
    <option value="13" title="42" >6 Weeks</option> 
    <option value="6" title="90" >1 Quarter</option> 
    <option value="7" title="180" >6 Months</option> 
    <option value="8" title="365" >1 Year</option> 
</select> 

好了,好像我們快到了,但我越來越絆了一跤。在jQuery的,我想下面進入正題的選項中選擇的標題:

$(function() { 
    $("#id_reoccurance").change(function() { 
     alert($(this).attr('title')); 
    }); 
}); 

問題是,它要回來爲未定義!

更新得到它

$(function() { 
    $("#id_reoccurance").change(function() { 
     alert($(this).find("option:selected").attr("title")); 
    }); 
}); 
+0

我相信你可以把數據放到表單字段屬性的形式__init __(),但我不確定這樣做的確切方法,因爲您不僅僅將它放在單個輸入窗口小部件上,而且還放置在多個

回答

2

立足關this question/answer(這是粗糙的,沒有經過測試,希望一開始):

class myClassForm(forms.Form): 
    class Meta: 
     model = myClass 
     fields=["name"] 

    reoccurrance = forms.ChoiceField(label="Reoccurance", choices=(), 
            widget=forms.Select(attrs={'class':'selector'})) 


def __init__(self, *args, **kwargs): 
    super(myClassForm, self).__init__(*args, **kwargs) 
    choices = [] 
    for pt in Reoccurance.objects.all(): 
     choices.append((pt.id, unicode(pt.days))) 
    self.fields['reoccurrance'].choices = choices 
+0

我一直在思考。幾個問題:我想每個選擇的文本是「標籤」。相反,我嘗試了choices.append((unicode(pt.days),pt.label))。但是這給我留下了我所預測的問題。該模型期望選擇的值等於id,而不是日期。因此,當它嘗試將用戶選擇與數據庫中的id對齊時,最好顯示所選內容與返回內容之間的不匹配。在最壞的情況下,它表示Reoccurance表中沒有與用戶選擇匹配的條目(例如,沒有等於365的id)。 –

+1

看看這個嗎? http://stackoverflow.com/questions/5089396/django-form-field-choices-adding-an-attribute – Joseph

+0

太棒了!謝謝!!這將日子帶入模板。但是現在我如何才能從選擇的選項中獲得這些日子?見上面的修訂。 –