Missing spyglass icon in raw_id_fields widget when updating to django 1.8

[odedfos]

I'm not sure what causes this, but it is easily reproducible with a freshly installed django (1.8) app without any 3rd parties.
In the admin.py we have something like this (Author is foreign key of Book):

class BookAdmin(admin.ModelAdmin):
raw_id_fields = ('author', )

class AuthorAdmin(admin.ModelAdmin):
list_display = ['name',]

admin.site.register(Book, BookAdmin)
admin.site.register(Author, AuthorAdmin)

Adding suit (0.2.12) to installed apps will cause the spyglass icon to disappear. Remove it, and all is well.

[odedfos]

The problem seems to be that in Django 1.8 the raw-id-field widget mechanism was changed from an HTML element to a css rule + event hooks for the "related-lookup" class.

The following patch does the trick, though probably not the best solution to fit the package architecture.

Add the missing js code to change_form.html

{% block admin_change_form_document_ready %}
<script type="text/javascript">
    (function($) {
        $(document).ready(function() {
            $('.add-another').click(function(e) {
                e.preventDefault();
                showAddAnotherPopup(this);
            });
            $('.related-lookup').click(function(e) {
                e.preventDefault();
                showRelatedObjectLookupPopup(this);
            });
        {% if adminform and add %}
            $('form#{{ opts.model_name }}_form :input:visible:enabled:first').focus()
        {% endif %}
        });
    })(django.jQuery);
</script>
{% endblock %}

And the following css rules:

.add-another, .related-lookup {
margin-left: 5px;
display: inline-block;
}

.related-lookup {
width: 16px;
height: 16px;
background-image: url(../admin/img/selector-search.gif);
background-repeat: no-repeat;
}

[odedfos]

This fix is not sufficient.

When clicking the magnifying glass icon, the browser is redirected to the relevant admin list view, which is wrong.
The Correct behavior is for the list view to appear in a popup, and selecting an item from it should set the value in the widget.

[marcwebbie]

I am experiencing the same issue with raw_id_fields, the lookup spyglass opens up a new page and not the expected popup as in the suit demo page

django==1.8
django-suit==0.2.13

We managed to make it work like this:

{% block extrahead %}
 <script type="text/javascript"><!--
   $( function() {
     $( '.related-lookup:not([onclick])' ).click( function() {
       return showRelatedObjectLookupPopup( this ) ;
     }) ;
   } ) ;
 //--></script>
 {% endblock %}

[mcnemesis]

@marcwebbie thanks! I'm not actually using Django-Suit (using Django Admin Bootstrapped), but that same solution as you indicate worked for me as well.

[calebjoseph]

Hi @marcwebbie , could you please let me know which file you placed the block extrahead code into?
Thanks!

p.s. @darklow I've tried 0.2.13, 0.2.14 and 0.2.15 but all do not work for the raw id field popup

[marcwebbie]

Hello @calebjoseph and @darklow,

I've added this snippet on static/suit/js/custom.js and loaded it on the templates/admin/base_site.html:

{% block extrajs %}
  <script type="text/javascript" src="{% static 'suit/js/custom.js' %}"></script>
{% endblock %}

[calebjoseph]

Thanks @marcwebbie , works like a charm.

[timbadu]

Also, don't forget to upgrade your admin jquery.
../admin/static/admin/js/jquery.js