Jquery-ui – remove spinner from jquery ui autocomplete if nothing found

autocompletejquery-ui

I want to remove the spinner (picture which shows that it is loading) from the textfield which supports jquery ui autocomplete.
As there is no event for "no results returned by source" a can not trigger this.

$( "#q" ).autocomplete({
   source: "${createLink(mapping:'qsearch')}",
   minLength: 2,
   select: function( event, ui ) {
      foo( ui.item.id );
   },
   search: function( event, ui ) {
      bla();
   }
});

Best Answer

If you're stuck on an older version of jQuery ui, the right answer is to use the class ui-autocomplete-loading, which gets added and removed while the request/response is in flight.

Related Solutions

Html – How to remove close button on the jQuery UI dialog

I have found this worked in the end (note the third line overriding the open function which find the button and hides it):

$("#div2").dialog({
    closeOnEscape: false,
    open: function(event, ui) {
        $(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
    }
});

To hide the close button on all dialogs you can use the following CSS too:

.ui-dialog-titlebar-close {
    visibility: hidden;
}

Javascript – Explicitly calling the autocomplete function in jquery autocomplete plugin

Not sure what version of autocomplete you are using. If you use the latest version which is rolled into jQueryUI you can use the search method:

Search :: Signature: .autocomplete( "search" , [value] )

Triggers a search event, which, when data is available, then will display the suggestions; can be used by a selectbox-like button to open the suggestions when clicked. If no value argument is specified, the current input's value is used. Can be called with an empty string and minLength: 0 to display all items.

Best Answer

Related Solutions

Html – How to remove close button on the jQuery UI dialog

Javascript – Explicitly calling the autocomplete function in jquery autocomplete plugin

Related Topic