Thanks Ben! This is really cool looking and useful!

I set it up to only show when certain fields are 'looking up'. Might help someone along the way:

//when the lookup runs on TravFormNum a spinner appears while the data loads
  $('#PDloader, .PDloading').css('display' , 'none');//initially not visible

  $(document).on("lookupstarted", function (event) {
  // the following line shows the spinner.
    	if (event.triggerId == "Field263") { //on travFormNum
    	$('#PDloader, .PDloading').show();
        }
	});
  
$(document).on("lookupcomplete", function (event) {
  // the following line hides the spinner.
  		if (event.triggerId == "Field263") { //on travFormNum
	  	 $('#PDloader, .PDloading').hide();
		}
	});
  

Thanks, glad it's useful.

Yep 10.2 added the lookupstarted listener. Rather than updating the page, I linked (further down on this page) to https://answers.laserfiche.com/questions/108471/Can-we-get-a-lookups-complete-custom-event-listener-please#121241  but your update is well needed by now!

I have 3 lookups that run off the same field. But the spinner hide's after the first lookup is complete, not after all lookups are complete. Am I missing something in my code?

$(document).on('lookupstarted', function(event) {
    $('#PDloader, .PDloading').show();
}); //end lookup started ----------------------------------------------

$(document).on('lookupcomplete',function(event){
  
    //Gets # of rows in Registered Devices and puts in hidden field
    $('#q57 input').val(Number($('.flagRemove .rpx').length));
  
    //If GUID is NOT blank - mark Registered Devices as Read Only
    if(event.triggerId === $('.trigUsrNm input').attr('id')){
            if ($('#q41 input').val() != '') {
                $('.flagRemove .rpx').each(function() {
                    $(this).find($('.flagRO input')).attr('backend-readonly', true).attr('readonly', true); 
                });
                $('.flagRemove .cf-collection-delete.selectable').css('display', 'none');
                $('.flagRemove .cf-collection-append').css('display', 'none');
            }  
      
      
      $('.macMask input').change(function(){
         $('.macMask input').mask('00:00:00:00:00:00', {'translation': {0: {pattern: /[0-9a-fA-F]/}}}); 
      });
      
      $('#PDloader, .PDloading').hide();

    }//end event triggerid  ------------------------------------
 
}); //end lookupcomplete  ------------------------------------------

Hi Cassandra,

It looks like your testing for the first lookup to finish. You could set a flag for each lookup and test for each flag to be set as completed.

-Ben

Hi Ben,

JS is not YET my strongest programming language. 

So I copied the code in your 1) 2) and 3) steps.  Works great, except the loader spins on the Thank You page (and never stops).

What am I missing?

Thanks for all you contribute to these pages.  I've plagiarized...  borrowed your code many times.