Listview within a Listview

2 posts, 0 answers
  1. Brian Roth
    Brian Roth avatar
    139 posts
    Member since:
    Oct 2005

    Posted 30 Jun 2016 Link to this post

    I'm trying to make a listview within my kendo listview using MVVM. I can't output the "Items" (see Dojo example) array using the # for (var i = 0 ... } # syntax because of the need for MVVM binding.

    Here is a Dojo demonstrating what I'm trying to do. Am I trying to achieve something that is impossible to do with Kendo?

    Thanks,

    Brian

  2.
  3. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2887 posts

    Posted 04 Jul 2016 Link to this post

    Hi Brian,

    Your Dojo fails due to a misspelled template name:

    <script type="text/x-kendo-tmpl" id="edit-template">
        <div class="product-view k-widget">
                <dl>               
                <dt>Employee Id</dt>
                <dd>#:Id#</dd>
            </dl>
            <div data-template="edit-items-template" data-bind="source: Items"></div>
            <div class="edit-buttons">
                <a class="k-button k-update-button" href="javascript:void(0)"><span class="k-icon k-update"></span></a>
                <a class="k-button k-cancel-button" href="javascript:void(0)"><span class="k-icon k-cancel"></span></a>
            </div>
        </div>
    </script>
     
    <script type="text/x-kendo-tmpl" id="edit-items-template">
                <input data-role="numerictextbox"
           data-format="c"
           data-min="0"
           data-bind="value: Amount"
           style="width: 250px">
    </script>


    I added "items-" (text highlighted in red) to the name of the edit item template and got it working.

    Here is a link to the updated version: http://dojo.telerik.com/uSUWI/4

    Regards,
    Alexander Valchev
    Telerik
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
Back to Top