Title: How to bind function 'icon-click' to combobox defaults
Post by: ems2811 on May 05, 2015, 11:33:19 AM
Hello. I changed combobox.default settings as I needed. $.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 ? $('#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);
};
Title: Re: How to bind function 'icon-click' to combobox defaults
Post by: stworthy on May 06, 2015, 01:31:07 AM
Please try the following 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>
Title: Re: How to bind function 'icon-click' to combobox defaults
Post by: ems2811 on May 06, 2015, 10:31:46 AM
Thank you . It turned out like this: $.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
|