kendo ui привязка шаблона

Question

Я использую пользовательский интерфейс Kendo для своего веб-приложения. У меня такое странное поведение в моем приложении:

<script id="Template" type="text/x-kendo-template"> 
     <div data-bind="click: firstClick">First</div> 
     <div data-bind="click: secondClick">Second</div> 
    </script> 
    <div data-bind="click: firstClick">First</div> 
    <div data-bind="click: secondClick">Second</div> 
    <ul id="menu-groups" data-template="Template" data-bind="source: dataSource"></ul> 

А вот ViewModel:

 var viewModel = kendo.observable({ 
      dataSource: dataSource, 
      menuClick: function(e) { 
       alert(e); 
      }, 
      firstClick: function(e) { 
       alert('first');  
      }, 
      secondClick: function(e) { 
       alert('second');  
      } 
     }); 

Когда я поставил дивы за пределы шаблона, обе 2 функции работы. Когда я устанавливаю div внутри шаблона, срабатывает только первый щелчок, второй не работает.

Не могли бы вы помочь мне найти причину?

Заранее благодарен!

Answer 1

Внутри шаблона скрипта должен быть один оберточный элемент. Поместите оба div в div div и он будет работать нормально.