Раскрывающийся список Kendo, чтобы иметь текст ссылки в нижнем элементе списка

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

ex.

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

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>

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


kendo-ui kendo-dropdown
person confused    schedule 09.04.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

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

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

person Polynomial Proton    schedule 09.04.2015
comment
Извините, но это не то, что я ищу. Я хочу добавить еще одну опцию, которая не была включена в исходные элементы списка. В моем примере у меня есть Value1, Value2 и Value3, теперь мне нужно добавить интерактивную ссылку внизу, чтобы создать новое значение. Спасибо - person confused; 09.04.2015
comment
Вы имеете в виду, что пользователь может добавить больше значений в раскрывающийся список, нажав на ссылку? Нравится вариант редактирования? - person Polynomial Proton; 10.04.2015
comment
и эта ссылка будет в раскрывающемся списке или за пределами раскрывающегося списка под ним? - person Polynomial Proton; 10.04.2015
comment
да, это то, что должно быть, должно быть в раскрывающемся списке. но я не знаю, возможно ли это сделать - person confused; 11.04.2015
comment
@confused Вот почему я дал вам ответ выше. Вот как вы можете этого достичь. Вы не можете добавить ссылку в раскрывающийся список, поэтому вы добавляете свой текст по определенному индексу и пишете свою функцию onchange; если индекс для текста, то делайте все, что хотите, например, разрешите добавление новой опции в ddl - person Polynomial Proton; 12.04.2015