Kendo Mobile - MVVM 需要帮助将视图模型与数据源绑定

Question

我一辈子都无法弄清楚这里出了什么问题。我正在尝试将视图绑定到视图模型，然后从视图模型中绑定视图中的数据源数组。这是我的代码：

HTML：

        <div id="mDashboardView" data-role="view" data-bind="homeScreenModel" data-init="initDefaultView">
            <div data-role="content">
                <div>
                    <div class="m-parent-navigation-container">
                        <section data-bind="source: data" data-template="mDashboardViewTemplate">
                        </section>
                    </div>
                </div>
            </div>
        </div>

JAVASCRIPT：

<script>
           var homeScreenModel = kendo.observable({
                data: new Array(),
                navigationCategories: new kendo.data.DataSource({
                    transport: {
                        read: {
                            type: "GET",
                            url: "api/GetNavigationData",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json"
                        }
                    },
                    schema: {
                        data: "d.results",
                        model: {
                            fields: {
                                nameOfGroup: { type: "string" }
                            }
                        }
                    },
                    change: function (e) {
                        homeScreenModel.trigger("change", { field: "navigationCategories" });
                    }
                })
            });

function initDefaultView(event) {
    homeScreenModel.navigationCategories.read();
}
</script>

我不断收到一个未定义的模板项目，但我的数据源中有 4 个项目，如我的方案模型所示。此外，我两次收到此警告：

Uncaught TypeError: Cannot read property 'top' of undefined
(anonymous function)

非常感谢任何帮助！

我正在使用 Kendo UI Mobile v2013.1.319 和 JQuery 1.9.1

Answer 1

尝试更改要使用的函数： homeScreenModel.navicationCategories.fetch();