抽屉不会从主页打开
Drawer will not open from main page
我一直在努力关注这里的视频:http://www.telerik.com/videos/platform/building-mobile-apps-using-telerik-platform---part-i
根据教程,从 todos 页面(主页面),当我点击抽屉 icon/button 时,应该会显示抽屉页面。
但是,我的抽屉无法打开 - 在 Chrome 调试器中,我不断收到此错误:"Uncaught TypeError: Cannot read property 'openFor' of undefined" 当我单击抽屉图标时。有什么帮助吗?
我正在使用浏览器内客户端。
新待办事项的 popup/modal 也发生了同样的情况。
我的代码如下 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>
categories.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>
我发现了问题所在:视频教程根本没有提到这个 - 在 app.js - 我需要在 require 子句中包含所有新视图,例如:
require([
'views/todos/todos',
'views/categories/categories',
'views/newTodo/newTodo',
'views/newCategory/newCategory'
]
我一直在努力关注这里的视频:http://www.telerik.com/videos/platform/building-mobile-apps-using-telerik-platform---part-i
根据教程,从 todos 页面(主页面),当我点击抽屉 icon/button 时,应该会显示抽屉页面。
但是,我的抽屉无法打开 - 在 Chrome 调试器中,我不断收到此错误:"Uncaught TypeError: Cannot read property 'openFor' of undefined" 当我单击抽屉图标时。有什么帮助吗?
我正在使用浏览器内客户端。
新待办事项的 popup/modal 也发生了同样的情况。
我的代码如下 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>
categories.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>
我发现了问题所在:视频教程根本没有提到这个 - 在 app.js - 我需要在 require 子句中包含所有新视图,例如:
require([
'views/todos/todos',
'views/categories/categories',
'views/newTodo/newTodo',
'views/newCategory/newCategory'
]