[Solved] How to globally open ComboBox controls on click event

[Jeff]

Hi - I'm trying to setup a behavior in our application that fires the ComboBox open() function on click for all ComboBoxes in the document.   I'm able to hook up the open function individually using the field's jquery ID with code from the Telerik demo page, but I'd like to generically wire up all combo box controls on the document.ready() function, and I'm having trouble figuring out the jquery navigation. 

For example:

$(document).ready(function () {
    // Hook up the combo box click method
    $('.t-combobox').bind('click', function (e) {
      // ** this next line is wrong - I can't find the correct relation between e and data("tComboBox")
      e.data("tComboBox").open();

      // prevent the click from bubbling, thus, closing the popup
      if (e.stopPropagation) e.stopPropagation();
      e.cancelBubble = true;
    });
});

Does anyone know the correct way to get to the tComboBox data element from the event?

(I know you can get similar behavior by using the Telerik control's OpenOnFocus(), but I don't want them to open when the user is just tabbing through the fields - only when clicked)

Thanks!

Jeff

[Georgi Krustev]

Hello Jeff,

 
The combobox client object is attached to the hidden INPUT element of the ComboBox. You will need to use something like this to achieve your goal:

$(document).ready(function () {
    // Hook up the combo box click method
    $('.t-combobox').bind('click', function (e) {
      $(e.currentTarget).find("input:hidden").data("tComboBox").open();

      // prevent the click from bubbling, thus, closing the popup
      if (e.stopPropagation) e.stopPropagation();
      e.cancelBubble = true;
    });
});

Greetings,
Georgi Krustev
the Telerik team

[Jeff]

Works perfectly.   Thanks again, Georgi!