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>
没有人有任何建议,为什么这些选项不会通过小部件更换过程做呢?任何帮助将不胜感激。
由于您的表单是一个ModelForm,所以代码模型会很有用。 – stefanw 2009-11-03 18:22:04
添加了模型。谢谢。 – 2009-11-03 18:36:39
你解决了这个问题吗?我有一个类似的问题。 – 2009-12-02 04:04:33