使用单选按钮在Django admin中选择项目

时间:2009-09-16 12:48:12

标签: javascript django-admin django-forms

这是我的models.py:

的一部分
class Person(models.Model):
    birth_year = WideYear(null=True, blank=True)
    birth_year_uncertain = models.BooleanField()
    death_year = WideYear(null=True, blank=True)
    death_year_uncertain = models.BooleanField()
    flourit_year = WideYear(null=True, blank=True)
    flourit_year_uncertain = models.BooleanField()
    FLOURIT_CHOICES = (
        (u'D', u'Birth and death dates'),
        (u'F', u'Flourit date'),
    )
    use_flourit = models.CharField('Date(s) to use', max_length=2, choices=FLOURIT_CHOICES)
    def __unicode__(self):
        if self.personname_set.filter(default_name__exact=True):
            name = z(self.personname_set.filter(default_name__exact=True)[0])
        else:
            name = u'[Unnamed person]'
        if self.use_flourit == u'D':
            dates = '%s - %s' % (z(self.birth_year), z(self.death_year))
        else:
            dates = 'fl. %s' % (z(self.flourit_year))
        return '%s (%s)' % (name, dates)
    class Meta:
        ordering = ['ordering_string']

class PersonName(models.Model):
    titles = models.CharField(max_length=65535, null=True, blank=True)
    surname = models.CharField(max_length=255, null=True, blank=True)
    first_name = models.CharField(max_length=255, null=True, blank=True)
    middle_names = models.CharField(max_length=255, null=True, blank=True)
    post_nominals = models.CharField(max_length=65535, null=True, blank=True)
    default_name = models.BooleanField()
    person = models.ForeignKey(Person, null=True, blank=True)
    def __unicode__(self):
        return '%s, %s %s' % (self.surname, self.first_name, self.middle_names)
    class Meta:
        unique_together = ("titles", "surname", "first_name", "middle_names", "post_nominals", "person")
        unique_together = ("default_name", "person")
post_save.connect(post_save_person_and_person_name, sender=PersonName)

我希望PersonName可以作为TabularInline与admin中的Person内联编辑。另外,我希望PersonName的default_name字段显示为单选按钮,这样每个Person只有一个PersonName可以具有default_name = True。

这是最后一部分,这是困难的一点。在Django中,在表单中使用单选按钮界面相对容易。有一个选择,基本上,一个表单集中的一个表单,似乎更加困难。

执行此操作的一种方法是将JavaScript添加到使用正则表达式匹配< input>的Person的change_form.html中。 default_name的元素,并确保选中其中一个取消选中其余元素。但是,如果Django命名HTML表单字段的约定发生变化,这似乎可能会被破坏;此外,它只会为使用支持JavaScript的浏览器的用户解决问题。

感激地收到任何更好的想法!

更新17/9/2009

以下管理模板扩展程序(基于thisthis)实现了上面的JavaScript建议,但欢迎使用更好的解决方案!

{% extends "admin/change_form.html" %}

{% block extrahead %}
    <script src="/site_media/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function(){
            // Replace default_name checkboxes with radio buttons.
            $(".default_name input").each(function(){
                var name = $(this).attr('name'); // grab name of original
                var id = $(this).attr('id'); // grab id of original
                if ($(this).attr('checked')) { // grab checked value of original
                    var checked = ' checked="checked"';
                } else {
                    var checked = '';
                }
                /* create new visible input */
                var html = '<input type="radio" name="'+name+'" id="'+id+'" value="True"'+checked+' />';
                $(this).after(html).remove(); // add new, then remove original input
            });
            // Ensure only one default_name radio button can be checked at a time.
            $(".default_name input").click(function(){
                $(".default_name input").not(this).removeAttr("checked");
            });
        });
    </script>
{% endblock %}

1 个答案:

答案 0 :(得分:1)

我认为你不会得到一种传统的HTML方法来做你想做的事。

你不应该在这里依赖正则表达式。你不能在输入字段中添加一个类名,以便jquery ...

我想这比我最初的想法更难(在这里回答): Define css class in django Forms

这只是一个稍微好一点的解决方案。