Combobox with Clear Icon,

[Aod47]

From

https://www.jeasyui.com/forum/index.php?topic=3786.0

I tried that code with combobox.

Clear icon appear when use arrow key when select item option.
But when select item with mouse. Clear icon does not show.


How to bind change event instead keyup?

Thank you for advice.

[stworthy]

Try this code to attach a clear icon on the combobox component.

Code:

$('#cc').combobox({
	icons: [{
		iconCls: 'icon-clear',
		handler: function(e){
			$(e.data.target).combobox('clear').combobox('textbox').focus();
		}
	}],
	onChange: function(value){
		if (value){
			$(this).combobox('getIcon', 0).css('visibility','visible')
		} else {
			$(this).combobox('getIcon', 0).css('visibility','hidden')
		}
	}
})

[Aod47]

Thank you sir. 

for complete. I added below code for prevent display x button when load success but no item select.

Code:

onLoadSuccess: function() { 
		var v = $(this).combobox('getValue');
		if (v) {
			$(this).combobox('getIcon', 0).css('visibility', 'visible');
		} else {
			$(this).combobox('getIcon', 0).css('visibility', 'hidden');
		}
	}