or
<
ul data-role="listview"
>
<
li
class
=
"btngroup"
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>10</
a
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>9</
a
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>8</
a
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>7</
a
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>6</
a
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>5</
a
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>4</
a
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>3</
a
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>2</
a
>
<
a
data-role
=
"button"
data-click="btnClick" class
=
"scorebtn"
>1</
a
>
</
li
>
</
ul
>
$(".btngroup .scorebtn").on("click",function(e){
console.log("btn click"+e.target);
});
function btnClick(e){
console.log("btnClick");
console.log(this.element);
}
var
gridData =
new
kendo.data.DataSource({
transport: transport,
serverPaging:
true
,
serverSorting:
true
,
serverFiltering:
true
,
schema: {
...
},
pageSize: 50,
autoSync:
true
,
error: gridHelper.error
});
grid.kendoGrid({
dataSource: gridData,
sortable:
true
,
navigatable:
true
,
editable:
true
,
scrollable: {
virtual:
true
},
resizable:
true
,
selectable:
'row'
});
@model Product
@using(Html.BeginForm("InsertProduct","Product"))
{
Html.TextBoxFor(val => val.Name);
Html.TextBoxFor(val => val.Id);
}
<
button
id
=
"addButton"
>Add</
button
>
<
script
type
=
"text/javascript"
>
$(document).ready(function () {
var window = $("#window").kendoWindow({
height: "200px",
modal: true,
title: "Centered Window",
visible: false,
width: "200px"
}).data("kendoWindow");
});
$("#addButton ").click(function () {
var window = $("#window").data("kendoWindow");
window.content("@Html.Partial("PartialViewSample ",new Product()).ToHtmlString()");
window.center();
window.open();
});