ComboBox Loading Issue?

[MGrassman]

I have the following ComboBox

<%: Html.Telerik().ComboBoxFor(model => model.Merchant.AccessTypeId)
    .DataBinding(binding => binding.Ajax().Select("_GetDetailOptionSalesRepAccessList", "OptionDetails", new { area = "Admin", id = Model.Merchant.AccessTypeId }))
                                        %>

Everything loads fine when I click on the combobox and the selected index is correct and show up highlighted.

My problem is I need this to load when the page loads not when the user clicks on it so that the user can see what is selected.

I have also tried to set the .AutoFill(true) this doesn't change anything.  My code still hits the break point at _GetDetailOptionSalesRepAccessList when I click the list and not when the page is loaded.

What am I missing.

I'm using the 2010.2.930 version of the controls.

Thanks

[Georgi Krustev]

Hello MGrassman,

In order to achieve your goal you need to wire the OnLoad event handler and bind the combobox UI component in it:
[View]:

<%: Html.Telerik().ComboBoxFor(model => model.Merchant.AccessTypeId)
        .ClientEvents(e => e.OnLoad("onLoad"))
%>

[JavaScript]:

function onLoad(){
  $(this).data('tComboBox').fill();
}

At a side note, .AutoFill(...) method will turn on the combobox ability to give suggestions for the typed text.

Kind regards,
Georgi Krustev
the Telerik team

[Kevin Burandt]

Very helpful post.  This simple tip should be in the documentation.

Kevin