Добавление событий клиента в выпадающий список telerik делает его статическим

Question

Я пытаюсь добавить клиентские события в раскрывающийся список telerik, но это делает его статическим. По статике я имею в виду, что он больше не ведет себя как выпадающий список, его не реагирует, когда я нажимаю и, следовательно, не могу отображать/выбирать значения. Но как только я сменил выпадающий список на combobox, он отлично работает. Это позволяет мне щелкнуть и просмотреть/выбрать значения.

Почему это происходит? почему я могу добавить клиентские события в выпадающий список telerik, но не в раскрывающемся списке telerik?

Вот как я заполнить Combo Box:

 <%= Html.Telerik().ComboBox().Name("ComboBox") 
      .HtmlAttributes(new { @id = "ComboBox", @style = "width:104px;" }) 
      .ClientEvents(events => 
     { 
      events.OnDataBinding("ComboBox_onDataBinding"); 
     })%> 

function ComboBox_onDataBinding(e) { 
    var comboBox = $('#ComboBox').data('tComboBox'); 
       comboBox.dataBind([ 
        { Text: "Product 1", Value: "1" }, 
        { Text: "Product 2", Value: "2", Selected: true }, 
        { Text: "Product 3", Value: "3" }, 
        { Text: "Product 4", Value: "4" }, 
        { Text: "Product 5", Value: "5" } 
       ], true); 
}; 

Вот как я заполнить выпадающий список:

 <%= Html.Telerik().DropDownList().Name("DropDownList") 
      .HtmlAttributes(new { @id = "DropDownList", @style = "width:104px;" }) 
      .ClientEvents(events => 
     { 
      events.OnDataBinding("DropDownList_onDataBinding"); 
     })%> 

function DropDownList_onDataBinding(e) { 
    var dropDownList = $('#DropDownList').data('tDropDownList'); 
       dropDownList.dataBind([ 
        { Text: "Product 1", Value: "1" }, 
        { Text: "Product 2", Value: "2", Selected: true }, 
        { Text: "Product 3", Value: "3" }, 
        { Text: "Product 4", Value: "4" }, 
        { Text: "Product 5", Value: "5" } 
       ], true); 
}; 

Спасибо заранее.

Answer 1

В вашем случае, когда вы не используете привязку данных на стороне клиента Ajax или WebService, вы не должны настраивать обработчик событий OnDataBinding. Вам нужно настроить OnLoad вместо:

.ClientEvents(events => events.OnLoad("ddl_onLoad").OnChange("ddl_onChange") 

обработчики:

function ddl_onLoad(e) { 

    var ddl = $(this).data('tDropDownList'); 

    ddl.dataBind([ 
     { Text: 'Product 1', Value: '1' }, 
     { Text: 'Product 2', Value: '2', Selected: true }, 
     { Text: 'Product 3', Value: '3' }, 
     { Text: 'Product 4', Value: '4' } 
    ], true); 
} 

function ddl_onChange(e) { 

    //var ddl = $(this).data('tDropDownList'); 
    console.log(e.value); 
} 

Answer 2

вы звоните .dataBind() внутри OnDataBinding обработчик, который только собирается вызвать OnDataBinding событие снова и снова ...

рассмотреть возможность клиентской стороне привязки данных внутри OnLoad события или что-то