Hi,
I'm having the same problem, e.stopPropagation() is not working for ListView click events.
I've attached the test code, here is the test in a kendo dojo
http://dojo.telerik.com/UHIdO/4
<!DOCTYPE html>
<html>
<head>
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
</head>
<body>
<div id="tabstrip-home"
data-role="view"
data-title="Messages"
data-layout="tabstrip-layout"
data-model="app.testModel"
data-show="app.testModel.show"
>
<ul data-role="listview" data-style="inset" >
<div data-bind="source: testDataSource" data-role="listview" data-template="test-template"></div>
</ul>
</div>
<script id="test-template" type="text/x-kendo-tmpl" >
<div class="w-item-template">
<div data-bind="click: onParentClick">
Click Parent
<a data-role="button" data-bind="click: onChildClick"> Child button</a>
</div>
</div>
</script>
<script>
var app = new kendo.mobile.Application(document.body);
var TestViewModel,
TestViewModel = kendo.data.ObservableObject.extend({
testDataSource: null,
init: function () {
var that = this;
kendo.data.ObservableObject.fn.init.apply(that, []);
that.set("testDataSource", []);
},
show: function(){
var dataSource = new kendo.data.DataSource({
transport: {
read: {
dataType: "jsonp"
}
},
schema: {
total: function () { return 77; }
},
serverPaging: true,
pageSize: 2
});
app.testModel.set("testDataSource", dataSource);
},
onParentClick: function(){
console.log('parent');
},
onChildClick: function(e){
// e.stopPropagation(); //<-- This doesn't work
console.log('child');
// console.log(e);
}
});
app.testModel = new TestViewModel();
</script>
</body>
</html>
Thank you,
Alex