How to pass object from kendo grid to kendo window in MVC - model-view-controller

Question

How can I pass the Object of the selected row from the grid to window on button click event of the grid
.
<script>
function editItem(e) {
e.preventDefault();
var selectedObj= this.dataItem($(e.currentTarget).closest("tr"));
//selectedObj is object selected by user
var myWin = $("#windowstatus").kendoWindow({
width: "450px",
height: "250px",
title: "Some Title",
content: {
url: "../SomeURL", //controller name
data: { selectedObj } //passing obj to mvc controller
}
});
myWin.data("kendoWindow").open();
return false;
}
</script>
My ActionResult
public class XXX: Controller
{
public ActionResult Index(MyClass obj)
{
// Do Something
}
}
I cant recive the object in mvc controller and always be null

Answer 1

var grid = $("#grid").data("kendoGrid");
var selectedItem = grid.dataItem(grid.select());
if (selectedItem != null && selectedItem != "" && selectedItem != undefined)
{
var wOptions =
{
content: "/xx/XxController/Index/" + selectedItem.Id//
If you have the parameter,
iframe: true,
modal: true,
width: "50%",
height: "90%",
close: function () {
this.destroy();
$('body').addClass('non-overflow');
},
open: function () {
this.center();
}
};
var windowParent = windowParent == undefined ? "list-splitter" : windowParent;
$("#" + windowParent).append("<div id='printWindow'> </div>")
$("#printWindow").kendoWindow(wOptions);
}
The following code block also calls the window js method
window: function (url, params, windowParent) {
var wOptions = {
content: url + "/?frameFilter=" + params,
iframe: true,
modal: true,
width: "90%",
height: "90%",
close: function () {
this.destroy();
$('body').addClass('non-overflow');
},
open: function () {
this.center();
}
};
windowParent = windowParent == undefined ? "pop-splitter" : windowParent;
$("#" + windowParent).append("<div id='popupWindow'> </div>")
$("#popupWindow").kendoWindow(wOptions);
},
I hope it helps