You can hide the original down-arrow icon and customize the new 'icons' to achieve the same functionality.
$.extend($.fn.combobox.defaults, {
hasDownArrow: false,
icons: [{
iconCls:'combo-arrow',
handler:function(e){
var target = e.data.target;
var panel = $.data(target, 'combo').panel;
if (panel.is(':visible')){
$(target).combo('hidePanel');
} else {
var p = $(target).closest('div.combo-panel'); // the parent combo panel
$('div.combo-panel:visible').not(panel).not(p).panel('close');
$(target).combo('showPanel');
}
$(target).combo('textbox').focus();
}
}]
})
If you only want to get the click event on the down-arrow icon, please use the 'onClickIcon' event instead.
$('#cc').combobox({
onClickIcon: function(index){
var icon = $(this).combobox('getIcon', index);
if (icon.hasClass('combo-arrow')){
console.log('clicked the down arrow icon.')
}
}
})