kendo core and MVVM Integration

[Morten]

In bootstrap a project I have used kendo.all.min.js. However, for a couple of selected pages I only need MVVM Integration so I figured I will setup the pages using kendo.all.min.js (https://github.com/telerik/kendo-ui-core).

I include: kendo/kendo.common-bootstrap.core.min.css and /kendo/kendo.core.min.js but the code below gives me the following error: Uncaught TypeError: kendo.observable is not a function

 

What am I doing wrong?

 

<div id="app">
    <div data-bind="html: test"></div>
</div>

<script type="text/javascript">
    "use strict";
    var viewModel = kendo.observable({
        test: "<span class='label label-success'>test</span>"
    });
    kendo.bind($("#app"), viewModel);

</script>

 

 

[Morten]

it seem to be a reference problem as I'm getting kendoDropDownList is not a function when trying to $("#ddl").kendoDropDownList({.

If I swap kendo.core.min.js with kendo.all.min.js both MVVM Integration and kendoDropDownList works.

How do I work with kendo.core.min.js?

[Morten]

I found http://www.telerik.com/download/custom-download and downloaded what I needed into a custom package.

[Morten]

I ended up adding the js files below, and it seems to work:
kendo.core.min.js
kendo.data.min.js
kendo.binder.min.js

[Preslav]

Hello Morten,

I am glad to hear that the issue is now resolved. Thank you for sharing the solution with the community.

Based on the posts, I believe that you might be interested in checking the Getting Started section of our documentation:

• http://docs.telerik.com/kendo-ui/intro/installation/getting-started

Regards,
Preslav
Progress Telerik