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>