与 JayData 的 Kendo UI MVVM 数据绑定答案

【问题标题】：Kendo UI MVVM data binding with JayData与 JayData 的 Kendo UI MVVM 数据绑定
【发布时间】：2013-03-18 16:55:37
【问题描述】：

我是一个整体的新手（Kendo UI && MVVM）。

我正在尝试将下拉列表与本地数据库绑定，并在标记为 // 的行上抛出错误

我在这里做错了什么？ - 我已经看到 JayData 上提供的示例，但它并没有明确说明如何绑定本地数据库。

我的代码如下所示。

 <div id="wrapper">
        <div id="NESTForm">

            <select data-role="dropdownlist" data-value-field="UserID" data-text-field="Name"
                data-bind="source: userSource">
            </select>



        </div>
    </div>
    <script>
        var userDB;
        $(document).ready(function () {


            $data.Entity.extend("Users",
            {
                UserID: { type: "int", key: true, required: true },
                Name: { type: "string", required: true }

            });


            $data.EntityContext.extend("EXAMPLEDB", {
                Users: { type: $data.EntitySet, elementType: Users }
            });

            userDB = new EXAMPLEDB({
                name: "webSql", databaseName: "EXMPLEDB",
                dbCreation: $data.storageProviders.DbCreationType.DropTableIfChange
            });


            var viewModel = kendo.observable({

                //Initial data  binders   ,
                userSource: userDB.Users.asKendoDataSource() //<<<<<< this throws error



            });

            // apply the bindings
            kendo.bind(document.body.children, viewModel);

        });

    </script>

错误是

Uncaught TypeError: Object function (a,b){var c=this,d,e;c.trigger(w,{field:a}),a==="this"?d=c:(e=O[a]=O[a]||n.getter(a,!0),d=e(c),b&&typeof d=="function"&&(d=d.call(c)));return d} has no method 'push'

【问题讨论】：

标签： mvvm kendo-ui jaydata

【解决方案1】：

好吧，我在 JayData 论坛上发布了同样的问题并想通了。虽然我从 Jaydata 下载了包，但脚本文件很旧，但社区建议我直接在 SVN 链接到脚本

只是为了记录，上面的代码可以正常工作。

这是社区回复

http://jaydata.org/forum/viewtopic.php?f=3&t=174&sid=2ff7d9f37bf758a573c70a89fac507fb

【讨论】：

【解决方案2】：

我现在不能尝试，它看起来没问题，只是你必须等待你的数据库准备好，比如：

userDB.onReady(function() {
var viewModel = ...

【讨论】：