В раскрывающемся списке Kendo текст ссылки находится внизу списка.

Question

У меня есть выпадающий список кендо, заполненный динамическим массивом объектов.

ех.

чтение из удаленного источника для источника данных

function myVM(){

var self = this;
self.myArrayValues = [
                     { Id: 0, Value: "Value1" }, 
                     { Id: 1, Value: "Value2" }, 
                     { Id: 2, Value: "Value3" }
                    ];
self.SelectedId = ko.observable();

self.OpenNewWindow = function(){
     // this function will be called when clicking the last item in the dropdown list
};

}

затем привязать его к выпадающему списку кендо, как это;

<input id="enums" data-bind="kendoDropDownList: { data: myArrayValues, dataTextField: 'Value', dataValueField: 'Id', value: SelectedId, optionLabel: 'Select item...'}" />

<ul>
   <li>
      Value1
   </li>
   <li>
       Value2
   </li>
   <li>
       Value3
   </li>
   <li>
       I want another item here that would be a link text to redirect to somewhere else or open a popup dialog

       Such as

       <a href="#" data-bind="click: OpenNewWindow">Open new window</a>
   <li>
</ul>

Я надеюсь, что кто-то может указать мне правильное направление. Благодарю.

Answer 1

Я считаю, что вы хотите добавить ссылку в выпадающий список, что не очень хорошая идея. Вместо этого используйте onChange событие выпадающего списка кендо

Проверьте пример здесь

Напишите вам функцию обмена таким образом, чтобы при выборе последнего значения вы открывали новое окно. В основном это действует как ссылка, как вы хотите. При выборе последнего элемента открывается новое окно