How to Filter Images in Django Admin to Show Only Related Ones

Описание: Learn how to filter image selections in Django admin to display only images related to a specific model instance, solving common challenges for developers.
---
This video is based on the question https://stackoverflow.com/q/61239281/ asked by the user 'Paulo Mesquita' ( https://stackoverflow.com/u/9221898/ ) and on the answer https://stackoverflow.com/a/63255122/ provided by the user 'Paulo Mesquita' ( https://stackoverflow.com/u/9221898/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Filter options in one to one field django admin

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Filter Images in Django Admin to Show Only Related Ones

When working with Django, especially within the Django Admin interface, developers often need to manage relationships between different models effectively. This becomes particularly crucial when dealing with a feature like selecting a main image for a property listing, as in our example with Imovel (property) and ImagemImovel (property image) models. A common problem arises when you want to filter images so that the admin only shows images that are related to the property you are currently editing. Let's explore how we can achieve that.

The Problem

In our scenario, we have two models defined in Django: Imovel for properties and ImagemImovel for the images associated with those properties. Each property can have one main image, represented by the capa (cover) field in the Imovel model. However, the default behavior in Django Admin allows us to choose images from any property, not just the one we are currently editing.

Understanding the Models

Here’s a quick overview of the models involved:

Imovel Model

[[See Video to Reveal this Text or Code Snippet]]

ImagemImovel Model

[[See Video to Reveal this Text or Code Snippet]]

In this setup, the capa field of an Imovel instance should only allow selection of images that belong to the same property.

The Solution

To achieve the desired filtering in the Django admin, we need to modify our ImovelAdmin class. Here’s how you can implement this:

Step 1: Override the get_form Method

By overriding this method, we can capture the ID of the current Imovel instance being edited, which we will utilize to filter the images later.

[[See Video to Reveal this Text or Code Snippet]]

Step 2: Customize the formfield_for_foreignkey Method

This method allows us to filter the queryset of the capa field to show only those ImagemImovel instances that are related to the property being edited.

[[See Video to Reveal this Text or Code Snippet]]

Final Code Example

The final ImovelAdmin class should look like this:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

By implementing these changes in the ImovelAdmin class, you ensure that the image selection for the capa field in the Django admin is filtered to only show images that are related to the property you are editing. This solution not only enhances usability but also maintains the integrity of your data relationships.

Implement these changes, and your Django Admin interface will be much more intuitive for users managing property information. Happy coding!