title: Kendo dropdownlist to have a link text at the bottom list item
body: <p>I have a kendo dropdownlist populated with dynamic array of objects.</p>
  
  <p>ex.</p>
  
  <p>reading from a remote source for the datasource</p>
  
  <pre><code>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
  };
  
  }
  </code></pre>
  
  <p>then binding it to a kendo dropdownlist like this;</p>
  
  <pre><code>&lt;input id="enums" data-bind="kendoDropDownList: { data: myArrayValues, dataTextField: 'Value', dataValueField: 'Id', value: SelectedId, optionLabel: 'Select item...'}" /&gt;
  
  &lt;ul&gt;
     &lt;li&gt;
        Value1
     &lt;/li&gt;
     &lt;li&gt;
         Value2
     &lt;/li&gt;
     &lt;li&gt;
         Value3
     &lt;/li&gt;
     &lt;li&gt;
         I want another item here that would be a link text to redirect to somewhere else or open a popup dialog
  
         Such as
  
         &lt;a href="#" data-bind="click: OpenNewWindow"&gt;Open new window&lt;/a&gt;
     &lt;li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I hope someone could point me to the right direction. Thanks.</p>