KendoUI Mobile ListView/MVVM «Объект # <Text> не имеет метода„GetAttribute“

Question

Я пытаюсь получить MVVM работает с KendoUI Mobile, и я получать сообщение об ошибке, как указано,„Объект # не имеют какую-либо методы "GetAttribute“

Связывание DOES, похоже, работает, но размывание страницы очень испорчено. Например, я вижу список элементов с #: linkText #, который я ожидал бы, кроме того, что представление больше не выглядит как iPhone, ссылки не работает, и есть некоторая другая странная укладка происходит

в любом случае, у меня есть мнение, и шаблон, как это:

<div data-role="view" id="home-view" data-layout="default" data-title="Hello World!" 
    data-init="app.views.home.init" 
    data-before-show="app.views.home.beforeShow" 
    data-show="app.views.home.show" 
    data-model="app.views.home.viewModel"> 

    <ul data-role="listview" data-bind="source: navigation" data-template="navigation-template"></ul> 
</div> 

<script id="navigation-template" type="text/x-kendo-template"> 
    <li> 
    <a href="#: url #">#: linkText #</a> 
    </li> 
</script> 

И JavaScript, как это (с использованием требуется):

define(["kendo"], function (kendo) { 
    return { 
    init: function (initEvt) { 

    }, 
    beforeShow: function (beforeshowEvt) { 

    }, 
    show: function (showEvt) { 

    }, 
    viewModel: kendo.observable({ 
     navigation: [ 
      { 
       linkText: 'My Data', 
       url: 'myData' 
      }, 
      { 
       linkText: 'My Purchase Requests', 
       url: 'myPurchaseRequests' 
      }, 
      { 
       linkText: 'My Purchase Orders', 
       url: 'myPurchaseOrders' 
      }, 
      { 
       linkText: 'Pending PR Tasks', 
       url: 'pendingPrTasks' 
      }, 
      { 
       linkText: 'Pending PO Tasks', 
       url: 'pendingPoTasks' 
      } 
     ] 
    }) 
    } 
}); 

Answer 1

Каркас KendoUI Mobile автоматически создает <li> и </li> элементы для data-role="listview"; Таким образом, удаление тех из шаблона и оставляя шаблон, как показано ниже будет решить вопрос:

<script id="navigation-template" type="text/x-kendo-template"> 
    <a href="#: url #">#: linkText #</a> 
</script> 

Answer 2

@tom, попробуйте это.

<a href="\#: url #">#: linkText #</a> 

Использовать косую черту ('\') перед # (хешем) в href. Это хорошо работает.