ListView Row with embedded link

[Christian]

Hi,

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?

Thanks!

          <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>
                    <div class="m-emp-employee-row-internal-phone">
                       <a href="tel:[phone],,,127822">ext 111111</a>
                    </div>
                </div>
            </div>
        </li>

[Tina Stancheva]

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.

Regards,
Tina Stancheva
Telerik