ListView Row with embedded link

2 posts, 0 answers
  1. Christian
    Christian avatar
    6 posts
    Member since:
    Dec 2013

    Posted 25 Jun 2014 Link to this post


    I have a KendoUI Mobile ListView defined and an event handler attached to the ListView click event to show some detail page. Here's the issue: I also want to embed a phone number into the ListView row (see below) so when the user clicks on it, the phone dialer is brought up. Currently, only the ListView click is executed when I click on the phone link. How to differentiate between the two?


              <div class="km-listview-wrapper"><ul id="m-emp-listview" data-style="inset" data-template="m-emp-listview-template" data-role="listview" class="km-widget km-listview km-list"><li data-uid="795c35b2-e106-479f-ae0a-26d7c62889ce">
                <div class="m-emp-employee-row-wrapper">
                    <div class="m-emp-employee-row">
                        <div class="m-emp-employee-row-name">
                            <span id="49707e28-eb74-4810-9034-137311627735" class="m-emp-employee-row-name-label">John Doh!</span>
                        <div class="m-emp-employee-row-internal-phone">
                           <a href="tel:888-562-5442,,,127822">ext 111111</a>
  2. Tina Stancheva
    Tina Stancheva avatar
    3298 posts

    Posted 27 Jun 2014 Link to this post

    Hello Christian,

    I will post here the same reply we provided in your support ticket so that the community can also benefit from it:

    The listview click event provides the tapped DOM element as a target field of the click event object. You can use it to determine if a special link was tapped.

    Let us know if that helps.

    Tina Stancheva

    Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

Back to Top