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