How to bind function 'icon-click' to combobox defaults

[ems2811]

Hello. I changed combobox.default settings as I needed.

Code:

$.fn.combobox.defaults=$.extend({}, $.fn.combobox.defaults,{
	valueField: 'id',
	textField: 'name',
	mode: 'remote',
	method: 'get',
	delay: 604800000,
	selectOnNavigation: false
});

How to add these functions into combobox.defaults ?

Code:

$('#cc').combobox('textbox').bind("keyup",function(e){
	if (e.keyCode == 40 && e.altKey){
		var _text=$(this).parent().prev().combobox('getText')
		$(this).parent().prev().combobox('reload','/Scripts/get_org.php?org_name='+_text)
			.combobox('showPanel')
			.combobox('setValue',_text);
	}
});
$('#cc').textbox('options').icons[0].handler=
	function(index){
		var _text=$(this).parent().prev().combobox('getText')
		$(this).parent().prev().combobox('reload','/Scripts/get_org.php?org_name='+_text)
			.combobox('showPanel')
			.combobox('setValue',_text);
	};

[stworthy]

Please try the following code.

Code:

<script>
$.extend($.fn.combobox.defaults, {
	valueField: 'id',
	textField: 'name',
	mode: 'remote',
	method: 'get',
	delay: 604800000,
	selectOnNavigation: false,
	inputEvents: $.extend({}, $.fn.combo.defaults.inputEvents, {
		keyup: function(e){
			if (e.keyCode == 40 && e.altKey){
				var s = $(e.data.target).combobox('getText');
				$(e.data.target).combobox('reload').combobox('showPanel').combobox('setValue', s);
			}
		}
	}),
	icons:[{
		iconCls:'icon-reload',
		handler:function(e){
			var s = $(e.data.target).combobox('getText');
			$(e.data.target).combobox('reload').combobox('showPanel').combobox('setValue', s);
		}
	}]
})
</script>

[ems2811]

Thank you . It turned out like this:

Code:

$.fn.combobox.defaults=$.extend({}, $.fn.combobox.defaults, {
	valueField: 'id',
	textField: 'name',
	mode: 'remote',
	method: 'get',
	delay: 604800000,
	selectOnNavigation: false,
	hasDownArrow: false,
	inputEvents: $.extend({}, $.fn.combo.defaults.inputEvents, {
		keyup: function(e){
			if (e.keyCode == 40 && e.altKey){
				var _text = $(e.data.target).combobox('getText');
				$(e.data.target).combobox('reload','/Scripts/get_org.php?org_text='+_text)
					.combobox('showPanel')
					.combobox('setValue', _text);
			}
		}
	}),
	icons:[{
		iconCls: 'icon-down-arrow',
		handler: function(e){
			var _text = $(e.data.target).combobox('getText');
			$(e.data.target).combobox('reload','/Scripts/get_org.php?org_text='+_text)
					.combobox('showPanel')
					.combobox('setValue', _text);
		}
	}]
});

I had to hide the standard icon and add the desired icon into css