Ящик не открывается с главной страницы

Question

Я пытался следить за видео здесь: http://www.telerik.com/videos/platform/building-mobile-apps-using-telerik-platform---part-i

Согласно руководству, на странице задач (которая является главной страницей), когда я нажимаю значок / кнопку ящика, должна появиться страница ящика.

Но мой ящик не открывается - в отладчике Chrome я получаю эту ошибку: "Uncaught TypeError: Невозможно прочитать свойство" openFor "из неопределенного", когда я нажимаю на значок ящика. Любая помощь?

Я использую клиент в браузере.

То же самое происходит с всплывающим / модальным для новой задачи.

Мой код ниже для todos.html:

<div data-role="view" id="todos" data-model="APP.todos.model" data-init="APP.todos.events.init" data-after-show="APP.todos.events.afterShow">
  <header data-role="header">
     <div data-role="navbar">
        <a data-role="button" data-rel="drawer" href="#categories" data-icon="drawer-button" data-align="left"></a>
        <span data-role="view-title"></span>
        <a data-role="button" data-rel="modalview" href="#newTodo" data-align="right" data-icon="compose"></a>
     </div>
  </header>
  <ul data-role="listview" data-style="inset" data-bind="source: todos" data-template="todos-template" data-pull-to-refresh="true"></ul>
</div>
<script type="text/x-kendo-template" id="todos-template">
   #: title #<a class="todo-close" data-bind="click: removeTodo"><i class="fa fa-check-square-o fa-lg"></i></a>
</script>

Код для категорий.html:

<div data-role="drawer" id="categories" style="width: 270px" data-model="APP.categories.model" data-before-show="APP.categories.events.beforeShow" data-views="['todos']" class="">
   <div class="km-group-title">Categories</div>
   <ul data-role="listview" data-bind="source: categories" data-template="categories-template"></ul>
   <a data-role="button" data-icon="compose" class="full" data-rel="modalview" href="#newCategory">New</a>
</div>

<script type="text/x-kendo-template" id="categories-template">
   <a data-bind="click: onCategorySelect">#: name #</a>
</script>

Answer 1

Я выяснил, в чем проблема: видеоурок вообще не упоминал об этом - что внутри app.js - мне нужно включить все новые представления в предложение require, например, так:

require([
            'views/todos/todos',
            'views/categories/categories',
            'views/newTodo/newTodo',
            'views/newCategory/newCategory'
        ]