dropdown controls re-populated automatic problem

[josimarviana]

I have two dropdownbox controls. Assume that they are Country and City.
When the value is changed in the parent dropdown - Country, the child dropdown City is automatically re-populated.

It's ok to manually entries. But there is one option in form that the user can search for one customer and choose it.
In this case I set both of controls with the result of search using one javascript.

The problem is the value of search for the child dropdown control is cleaned for the automaticy action of re-populated and then the control value is empty. The data searched was lost.

Is there a way to disable re-populated action for a while?

Regards,

[Davidk]

Re: dropdown controls re-populated automatic problem

I would try a delay on the setting of the child dropdown. Set the parent... but then let everything settle down, and then set the child.

This will delay setting the child for 200ms. Decrease/Increase the timing until it's working the way you want. (E&OE - I typed from memory)

setTimeout(function(){
{dialog.Object}.setValue("childDropdown",childValue);
},200);

[josimarviana]

Re: dropdown controls re-populated automatic problem

Thanks David, I forgot to say I just have one similar workaround (with setTimeout). But sometimes it didn't work because the re-populated callback childdropdown delay more than the timeout configured in setTimeout. Is there another way?

[Davidk]

Re: dropdown controls re-populated automatic problem

Try this and see if it's any better. This gets you closer to the time the child dropdown is re-populated. The problem is that after the ajaxcall callback is made to get the child dropdown data, A5.form.populateSelect is called to re-populate the dropdown. If setTimeout is called before the Ajax Callback, then you've got to figure out how long your callback will take etc... which is tough because you're going out to the server. If you call setTimeout once you're back in the client, then stuff is going to happen very fast... and so it should work reliably. Put this into the UX Client-side afterAjaxCallbackComplete event...

if(this._focusControl=='DD1'){
	if(e.xbasicFunctionName =='system:cascadingDropdown'){
		if(e.ajaxEvent=='AjaxCallback'){
			setTimeout(function(){
				{dialog.Object}.setValue('dd2','asdf');
			},500);				
		}
	}
}

Here we're checking the control... since you may only want this to happen on 1 out of n dropdowns. Change the control name from DD1 to your control name. Next we're checking to see what function was called and just veriyfing that it was an Ajax Callback. I'm not sure if all this is required... or even if the order is correct... but... what the heck. After this event fires, the A5.form.populateSelect fires, populating the dropdown. A setTimeout should work nicely as this point.