Avoid the "onSelect" event to run during the initial loading of form data

[rezzonico]

Hi all,

I want to avoid the "onSelect" event to run during the initial loading of form data.

Therefore I have modified my program similary to the following thread:
http://www.jeasyui.com/forum/index.php?topic=6088.0

Here is the link to my program:
http://195.144.40.170/jeasyui/QQQ/index.html

As you can see in the web console, the "onLoadSuccess" event is executed before the "onSelect" event.
Therefore when the "onSelect" event is executed, the value of the variable "flag" is true (and not false as expected).

Any help to solve this problem is appreciated.

Regards.
Miche

[stworthy]

You called:

Code:

$('#fm').form('load',{
	PdL_ID: '10'
});

So that the form is loaded immediately without any delays and the 'onLoadSuccess' event fires first.
The 'url' property is set to the combobox to retrieved data from remote server, so the combobox data is loaded later and the 'onSelect' event fires after the 'onLoadSuccess' event.

[rezzonico]

Hi Stworthy ,

I understand what you mean, but I am not able to find a solution.

I have tryed to create the combobox with javascript after the form load:
http://195.144.40.170/jeasyui/QQQ/index1.html

I also have tryed to create the combobox with javascript after the form onLoadSuccess:
http://195.144.40.170/jeasyui/QQQ/index2.html

None of this solution works.

Can you please help me with a short example ?
Thanks

Strange is that if I replace the onSelect event with the onChange event it works (can this be a correct solution ?):
http://195.144.40.170/jeasyui/QQQ/index3.html


Regards
Miche

[stworthy]

The 'onChange' event fires when the value is changed. The 'onChange' event is triggered before the 'onLoadSuccess'. When the combobox loads data successfully, the 'onSelect' event fires but the 'onChange' event does not fire again because the value isn't changed.

[rezzonico]

Thanks a lot for your help.

This means that I can use the onChange event as in the following example:
http://195.144.40.170/jeasyui/QQQ/index3.html
correct ?

But if I would use onSelect, how can I prevent the onSelect event from firing during the form load ?

Thanks again for your patience.

Regards
Michelangelo

[stworthy]

A possible solution to solve this issue is to define two functions to disable or enable the 'onSelect' event.

Code:

function disableOnSelect(f){
	($(f).hasClass('combobox-f')?$(f):$(f).find('.combobox-f')).each(function(){
		var opts = $(this).combobox('options');
		opts.oldOnSelect = opts.onSelect;
		opts.onSelect = function(){};
	});
}
function enableOnSelect(f){
	($(f).hasClass('combobox-f')?$(f):$(f).find('.combobox-f')).each(function(){
		var opts = $(this).combobox('options');
		opts.onSelect = opts.oldOnSelect;
	});
}

Before calling the 'load' method, disable the 'onSelect' event.

Code:

disableOnSelect('#fm');
$('#fm').form('load',{
	PdL_ID: '10'
});

After loading the combobox data successfully, enable the 'onSelect' event again.

Code:

<input class="easyui-combobox" name="PdL_ID" data-options="
		valueField: 'PdL_ID',
		textField:  'PdL_ID',
		url: 'data.json',
		onLoadSuccess: function(){
			enableOnSelect(this);
		},
		onChange: function(value) {
			console.log('onSelect is executed, flag = ' + flag);
		}
		">

[rezzonico]

Thanks a lot.

Since (as you wrote) the 'onChange' event is triggered before the 'onLoadSuccess', I will use the solution with the onChange event as in the following program:
http://195.144.40.170/jeasyui/QQQ/index3.html

Regards
Miche