Dynamic Url in Window

[Rich Lasker]

I have a grid with custom commands to view an order's details. When clicking on the button I want to launch a Kendo Window and add the order's id into the url of the content. Is this possible?

var wnd = $("#window").kendoWindow({
title: "Order Details",
modal: true,
visible: false,
resizable: false,
width: 400
}).data("kendoWindow");

function showOrder(e) {
e.preventDefault();
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
var url = '<%= ResolveUrl("~/MyOrder.aspx?orderId=") %>' + dataItem.Id;
wnd.content(url);
wnd.center().open();
}

[Nohinn]

function createWindow(id) {

  $(document.body).append('<div id="myDynamicWindow"></div>');

  $('#myDynamicWindow').kendoWindow({

     title: "Order Details",

     modal: true,

     resizable: false,

     width: 400,

     content: '<%= ResolveUrl("~") + "/MyOrder.aspx?orderId=" + id,

     close: function() {

        setTimeout(function() {

            $('#myDynamicWindow').kendoWindow('destroy');

        }, 200);

     }

  }).data('kendoWindow').center();

}

 

function showOrder(e) {

    e.preventDefault();

    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));

    createWindow(dataItem.Id);

}

[Rich Lasker]

Thanks that worked well. Do you know how to better control where the window pops up? I need it to open upper center to give more room for the order display.

[Nohinn]

If using the center function of the window is not enough, once the window is created you can position it like this:

$('#myDynamicWindow').parent().css({

    top: '120px',

    left: '340px'

});

Just play a bit with the top and left properties until you get what you like.