1. To disable selecting feature when editable is false, please overwrite the combobox keyHandler:
(function($){
var upHandler = $.fn.combobox.defaults.keyHandler.up;
var downHandler = $.fn.combobox.defaults.keyHandler.down;
$.extend($.fn.combobox.defaults.keyHandler,{
up: function(){
var opts = $(this).combobox('options');
if (opts.editable){upHandler.call(this)}
},
down: function(){
var opts = $(this).combobox('options');
if (opts.editable){downHandler.call(this)}
}
});
})(jQuery);
2. click the textbox to show the drop down panel:
$('#cc').combobox('textbox').bind('click',function(){
$('#cc').combobox('showPanel');
});
3. change the css definition to display the cursor arrow when moving mouse over the selecting items:
<style>
.combobox-item{
cursor:default;
}
</style>