Detail view of item on list view

2 posts, 0 answers
  1. Chuck
    Chuck avatar
    4 posts
    Member since:
    Jul 2010

    Posted 06 Mar 2012 Link to this post

    I've got a very simple listview and I want to click on one of the items to be able to view a detail page of the item.  I've tried following the example in the Sushi and I've got the following code

    <div class="back-button-show" data-role="view" data-layout="app" data-show="getVendorDetails" data-title="" id="vendor-details">
    <script type="text/x-kendo-template" id="vendors-all-list">
            <a class="vendor-details-link" data-role="listview-link" href="\#vendor-details?id=${id}">
                <div class="vendor-list-booth">${ booth_number }</div>
                ${ name }<br />
                <span class="vendor-list-taglag">${ tag_line }</span><br />
     <script type="text/x-kendo-template" id="vendor-details-template">
            ${ name }
      var getVendorDetails = function(e) {
                var view = e.view;
                vendor = vendorAlphaDS.get(;

    I'm running this in a phonegap project under XCode.  The problem is when I run the project in the simulator, the system won't click on the detail page.  If I comment out the kendo.view.enhance, then I can click to the detail page but nothing happens (it's just a blank page).  Any help would be greatly appreciated.
  2. Petyo
    Petyo avatar
    2436 posts

    Posted 07 Mar 2012 Link to this post

    Hi Charles,

    The (undocumented yet) method you are probably looking for is Its purpose is to initialize the mobile widgets in a given DOM element. We are going to provide further documentation for the final release. 

    However, I am not sure if this will solve your problem, as some parts of your code are missing (the data source, the template function, etc.) 

    Is it possible for you to provide a link to the project, where this issue is reproducible? 

    All the best,
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top