Kendo下拉列表在底部列表项中有一个链接文本

时间:2015-04-09 02:43:28

标签: kendo-ui kendo-dropdown

我有一个用动态数组对象填充的kendo下拉列表。

离。

从数据源的远程源读取

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>

我希望有人能指出我正确的方向。感谢。

1 个答案:

答案 0 :(得分:0)

我相信你想添加一个下拉列表的链接,这不是一个好主意。 而是使用剑道下拉列表的onChange事件

Check the example here

以这样的方式写入onchange函数,当选择最后一个值时,打开一个新窗口。基本上它就像一个链接,就像你想要的那样。选择最后一项后,将打开一个新窗口