MVVM in template

3 posts, 1 answers
  1. Paul
    Paul avatar
    24 posts
    Member since:
    Aug 2013

    Posted 28 Aug 2014 Link to this post

    Hi there,

    Having failed so far to get angular.js to work nicely with the editor template (see stackoverflow question:, I moved on to trying to MVVM to achieve the same result.

    I want to have MVVM pull data from my server in order to populate an html option field, but I am unable to get this to do anything. I've created an example here:

    When double clicking to create a new entry in the scheduler, the MVVM is supposed to render a html select field from a static data source, but instead it does nothing. I'd appreciate any advice you can give!

    Cheers, Paul.
  2. Answer
    Daniel avatar
    2224 posts

    Posted 01 Sep 2014 Link to this post

    Hello Paul,

    The approach used in the jsBin will not work because the template expression will be evaluated before the element is added to the DOM. In order to set the data to the dropdownlist with the current setup you could use the data attributes e.g.
    <script id="editor" type="text/x-kendo-template">
        <select id="bum" data-role="dropdownlist" data-value-field="employee_uid" data-text-field="title"  data-bind="value:employee_uid" data-source="dataSource"></select>

    Using the directives to initialize the dropdownlist and populate the data is also possible:
    $scope.dropdownSource = new{
        data: dataSource
    <select id="bum" name="employee_uid" kendo-drop-down-list k-data-value-field="'employee_uid'" k-data-text-field="'title'" k-data-source="dropdownSource">

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Paul
    Paul avatar
    24 posts
    Member since:
    Aug 2013

    Posted 01 Sep 2014 in reply to Daniel Link to this post

    Thanks Daniel, the second solution works great for me :)
Back to Top