I am also unable to get dataItem , here is my code:
Any Help here?
@model IEnumerable<
MVC3.Areas.CRM.Models.EntityModel
>
@{
ViewBag.Title = "List of Entities";
}
<
h2
>List Of Entities</
h2
>
@(Html.Kendo().Grid(Model)
// .Events(evt => evt.Change("selected"))
.Name("Grid")
.Columns(columns =>
{
columns.Bound(e => e.EntityID).Groupable(false).Hidden(true);
columns.Bound(e => e.Name );
columns.Bound(e => e.NIF);
columns.Command(command => command.Custom("Select").Action("Select", "Entity").Text("Select")
.DataRouteValues(values =>
{
values.Add(e => e.Name);
values.Add(e => e.NIF);
})
).Width(80);
columns.Command(command => command.Custom("ViewDetails").Click("showDetails"));
})
.Selectable(selectable => selectable
.Enabled(true)
.Mode(GridSelectionMode.Single)
)
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.DataSource(datasource => datasource
.Server()
.Model(model => model.Id(e => e.EntityID))
))
@(Html.Kendo().Window().Name("Details")
.Title("Entity Details")
.Visible(false)
.Modal(true)
.Draggable(true)
.Width(300)
)
<
script
type
=
"text/x-kendo-template"
id
=
"template"
>
<
div
id
=
"details-container"
>
<
h2
>#= Name # #= NIF #</
h2
>
<
em
>#= Entity #</
em
>
<
dl
>
<
dt
>ID: #= EntityID #</
dt
>
<
dt
>IsCRM: #= IsOnlyCRM #</
dt
>
</
dl
>
</
div
>
</
script
>
@* Window with details using Template *@
<
script
type
=
"text/javascript"
>
var detailsTemplate = kendo.template($("#template").html());
function showDetails(e) {
e.preventDefault();
var dataitem = this.dataItem($(e.currentTarget).closest("tr")); //Returns Undefined
var wnd = $("#Details").data("kendoWindow");
wnd.content(detailsTemplate(dataitem));
wnd.center().open();
}
</
script
>