2009-11-03 84 views
0

我有一个模型表单,我正在编写一个自定义小部件,以便用jQuery FCBKcomplete小部件替换多对多的forms.SelectMultiple字段。虽然multiselect元素的替换效果很好,但它不再为多选元素提供选项。扩展forms.SelectMultiple而不会丢失值

这里是我的小工具:

class FCBKcompleteWidget(forms.SelectMultiple): 
    def _media(self): 
     return forms.Media(js=(reverse('appstatic', 
             args=['js/jquery.fcbkcomplete.min.js']), 
           reverse('appstatic', 
             args=['js/init-fcbkcomplete.js'])), 
          css={'all': (reverse('appstatic', 
               args=['css/jquery.fcbkcomplete' 
                 '.css']),)}) 

    media = property(_media) 

这里是我的形式:

class BlogForm(forms.ModelForm): 
    class Meta(object): 
     model = models.Blog 
     exclude = ('slug',) 

    def __init__(self, *args, **kwargs): 
     super(BlogForm, self).__init__(*args, **kwargs) 
     self.fields['description'].widget = TinyMCEWidget() 

     fcbkcomplete_fields = ['categories', 'admins', 'editors'] 

     for field in fcbkcomplete_fields: 
      self.fields[field].widget = FCBKcompleteWidget() 

这里是我的模型:

class Category(models.Model): 
    """A blog category""" 

    title = models.CharField(max_length=128) 
    slug = models.SlugField() 

    class Meta(object): 
     verbose_name_plural = u'Categories' 

    def __unicode__(self): 
     return self.title 

    @models.permalink 
    def get_absolute_url(self): 
     return ('category',(), {'slug': self.slug}) 


class Blog(models.Model): 
    """A blog""" 

    title = models.CharField(max_length=128) 
    slug = models.SlugField(unique=True) 
    description = models.TextField() 
    categories = models.ManyToManyField(Category, related_name='blogs') 
    shared = models.BooleanField() 
    admins = models.ManyToManyField(User, related_name='blog_admins') 
    editors = models.ManyToManyField(User, related_name='blog_editors') 

    def __unicode__(self): 
     return self.title 

    @models.permalink 
    def get_absolute_url(self): 
     return ('blog',(), {'slug': self.slug}) 

这里是生成的HTML:

<div class="field"> 
    <label for="name">Categories</label> 
    <select multiple="multiple" name="categories" id="id_categories"> 
    </select> 
    <div class="help-text">trimmed for readability</div> 
</div> 
<div class="field"> 
    <label for="name">Admins</label> 
    <select multiple="multiple" name="admins" id="id_admins"> 
    </select> 
    <div class="help-text">trimmed for readability</div> 
</div> 
<div class="field"> 
    <label for="name">Editors</label> 
    <select multiple="multiple" name="editors" id="id_editors"> 
    </select> 
    <div class="help-text">trimmed for readability</div> 
</div> 

正如您所看到的,没有任何选项将其添加到multiselect元素中。下面是生成的HTML的时候,我不跟我的自定义更换小部件:

<div class="field"> 
    <label for="name">Categories</label> 
    <select multiple="multiple" name="categories" id="id_categories"> 
    <option value="1" selected="selected">Good Stuff</option> 
    </select> 
    <div class="help-text">trimmed</div> 
</div> 
<div class="field"> 
    <label for="name">Admins</label> 
    <select multiple="multiple" name="admins" id="id_admins"> 
    <option value="2" selected="selected">username</option> 
    <option value="3">some username</option> 
    <option value="4">another username</option> 
    </select> 
    <div class="help-text">trimmed</div> 
</div> 
<div class="field"> 
    <label for="name">Editors</label> 
    <select multiple="multiple" name="editors" id="id_editors"> 
    <option value="2" selected="selected">username</option> 
    <option value="3">some username</option> 
    <option value="4">another username</option> 
    </select> 
    <div class="help-text">trimmed</div> 
</div> 

没有人有任何建议,为什么这些选项不会通过小部件更换过程做呢?任何帮助将不胜感激。

+0

由于您的表单是一个ModelForm,所以代码模型会很有用。 – stefanw 2009-11-03 18:22:04

+0

添加了模型。谢谢。 – 2009-11-03 18:36:39

+0

你解决了这个问题吗?我有一个类似的问题。 – 2009-12-02 04:04:33

回答

0

1年过去了,但即使使用当前的django版本,答案也可能有价值。

之所以会出现这样的行为似乎缺少的选择属性fcbk领域 只是把选择的表

class EmailSubscriptionFilterForm(forms.ModelForm): 

    class Meta: 
     model = EmailSubscription 
     exclude = ('dsts',) 

    def loc_name(self, id): 
     return Location.objects.get(id = id).name   

    def __init__(self, *args, **kwargs): 
     super(EmailSubscriptionFilterForm, self).__init__(*args, **kwargs) 
     fcbkcomplete_fields = ['orgs'] 
     for field in fcbkcomplete_fields: 
      self.fields[field].widget = MultiOriginSelect() 
     if args: 
      self.fields['orgs'].choices = ([(int(o), self.loc_name(int(o))) for o in args[0].getlist('orgs')]) 

给init,这将增加其附带POST请求选择身体的所有选项。