make non-editable combobox drop down on click in text region?

[jpierce]

What would be the best way to make a non-editable combobox drop down when you click on the text regions (instead of just the dropdown arrow)?

[stworthy]

Bind 'click' event handler to the textbox and call 'showPanel' method to display drop down list panel in this event handler.

Code:

var cc = $('#cc').combobox({...});  // create combobox component
cc.combobox('textbox').bind('click',function(){
  cc.combobox('showPanel');
});

[jpierce]

Thanks!  I added a little so that the click will toggle between open and closed, like most comboboxes do:

Code:

    var cc = $('#cc ');
    cc .combobox('textbox').bind('click', function() {
        if (cc .combobox('panel').parent().css('display') === 'none') {
            cc .combobox('showPanel');
        }
        else {
            cc .combobox('hidePanel');
        }
    });

[arma]

How to extend this so it applies to any combobox by default?

[stworthy]

This topic has solved this problem.
http://www.jeasyui.com/forum/index.php?topic=2481.0