Привязка данных Kendo UI MVVM к JayData

я новичок в целом (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'