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（）;

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

1 个答案: