or
$("#md-contentGrid tbody > tr[data-uid]").bind('dblclick', function (e) { alert(); });
$("#md-contentGrid tbody").bind('dblclick', function (e) { alert(); });
01.
@using (Html.BeginForm("MyMethod", "MyController",Model))
02.
{
03.
@(Html.Kendo().ListView<
List
<MyObject>>()
04.
.Name("ListOfObjects")
05.
.DataSource(datasource => datasource.Read(read => read.Action("GetMyListOfObjects", "MyController")))
06.
.Selectable(select => select.Mode(ListViewSelectionMode.Multiple))
07.
.ClientTemplateId("selectedItems")
08.
.TagName("div")
09.
.Events(e => e.Change("onSelectObject"))
10.
)
11.
<
input
type
=
"submit"
class
=
"submit"
value
=
"Search"
/>
12.
}
1.
public
ActionResult GetMyListOfObjects([DataSourceRequest]DataSourceRequest request)
2.
{
3.
return
Json(MyService.GetMyListOfObjects().ToDataSourceResult(request));
4.
}
function
onSelectObject(e) {
var
selected = $.map(
this
.select(),
function
(item) {
return
$(item).text();
});
alert(
"Selected: "
+ selected.length +
" item(s), ["
+ selected.join(
", "
) +
"]"
);
return
selected;
}
1.
public
ActionResult MyMethod(List<MyObject> selectedObjects)
2.
{
3.
//...selectedObjects is always null
4.
return
View();
5.
}
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=UTF-8"
/>
<
meta
name
=
"format-detection"
content
=
"telephone=no"
/>
<
meta
name
=
"viewport"
content
=
"user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"
/>
<
link
rel
=
"stylesheet"
href
=
"css/kendo.mobile.all.css"
/>
<
script
src
=
"js/jquery.min.js"
></
script
>
<
script
src
=
"js/kendo.mobile.js"
></
script
>
<
title
>Hello World</
title
>
</
head
>
<
body
>
<
div
id
=
"viewEventList"
data-role
=
"view"
>
<
div
data-role
=
"header"
style
=
"background-color: #FFFFFF;"
>
<
div
data-role
=
"navbar"
style
=
"padding-top: 10px;"
>
Test
</
div
>
</
div
>
<
div
>
<
div
data-role
=
"scroller"
style
=
"position: absolute; top: 0px; left: 0px; bottom: 0px; width: 245px;"
>
<
div
>
<
div
style
=
"border: 1px solid #000000; border-bottom: 3px; margin: 15px; background-color: #FFFFFF;"
>
<!-- Repeat until too many for screen to handle -->
<
div
style
=
"border-bottom: solid 1px #000000; padding: 5px;"
>
Item
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
<
script
>
var app = new kendo.mobile.Application();
</
script
>
</
body
>
</
html
>
$('body').kendoTooltip({
filter : ".tooltip"
});
$('body').kendoTooltip({
filter : ".bookmark",
content : "bookmark"
});