Django admin-在列表显示中同时编辑多个值

时间:2018-10-18 15:23:03

标签: django admin

我有很多项目,并且希望能够在管理员列表视图中同时编辑其中的一部分。

以下是如何将操作复选框用于此目的的屏幕截图。因此,如果我编辑一个选定项目的重要性,则所有选定项目的重要性应同时更改。

enter image description here

通过同时应用list_filtersearch_field,在处理大量项目时,这将加快编辑速度。

1 个答案:

答案 0 :(得分:1)

以下是如何在javascript中完成此操作的示例:

model.py

class PlaceName(models.Model):
    name = models.CharField(max_length=500, db_index=True)
    short_name = models.CharField(max_length=100, null=True, blank=True)
    type = models.ForeignKey(PlaceType, to_field='code', null=False, blank=False, on_delete=models.PROTECT)
    area = models.CharField(max_length=100, db_index=True)
    lat = models.DecimalField(max_digits=9, decimal_places=6)
    lon = models.DecimalField(max_digits=9, decimal_places=6)
    hasl = models.IntegerField(help_text='Height above sea level')
    importance = models.IntegerField(db_index=True)
    place_id = models.CharField(max_length=100, unique=True)

admin.py

class PlaceNameAdmin(admin.ModelAdmin):
    list_display = ('name', 'importance', 'type', 'area', 'hasl', )
    list_filter = ('area', 'type', )
    readonly_fields = ('name', 'short_name', 'type', 'area',  'lat', 'lon', 'hasl', 'place_id')
    search_fields = ('name', 'importance', 'hasl')
    list_editable = ('importance',)

    class Media:
        js = ('multi_line_list_edit.js',)

static / multi_line_list_edit.js

(function($) {
    var value_changed = function(jQel) {
        if (jQel.parent().siblings('.action-checkbox').find(':checkbox:checked').length) {
            var value = jQel.val();
            $('#result_list tr').each(function () {
                if ($(this).find(':checkbox:checked').length)
                    $(this).find('td.field-importance input').val(value);

            });
        }
    };

    $(document).ready(function () {
        $('#result_list td.field-importance input').change(function () {
            value_changed($(this));
        });
        $('#result_list td.field-importance input').keyup(function () {
            value_changed($(this));
        });
    });
})(django.jQuery);

您仍然必须单击“保存”按钮,但是通过添加更多JavaScript,只需按Enter键就可以保存更改。