I am using a kendo grid for a task list and when users click on the row item it opens a web page.
The hyperlink to the web page can be from different projects so this is all dynamic.
I am having a problem that sometime the the last part of my URL is truncated.
Below is my code from when the grid row is selected:
When i alert my data variable the Url is correct:
http://test/Workflow/SetStatus/1
But when the iframe is loaded the /1 part is removed.
The iframne tries top navigate to: http://test/Workflow/SetStatus
I have no answer as to why this happens.
function TaskItemSelected(e) {
var sender = e.sender;
var model = sender.dataItem(sender.select());
if (!model) {
return;
}
var serialNumber = model.SerialNumber;
var data = model.Data;
alert(data);
$('html,body').css("cursor","wait");
var windowElement = $("<div />").attr("id", "taskdetailswindow").kendoWindow({
modal: true,
draggable: true,
position: {
top: 50,
bottom: 50
},
resizable: true,
width: "850px",
height: "500px",
title: "Task Details",
actions: [
"Close"
],
iframe: true,
content: data,
refresh: function () {
$('html, body').css("cursor", "auto");
},
close: function () {
$("html, body").css("cursor", "auto");
$("#TaskListGrid").data("kendoGrid").dataSource.read();
},
error: function () {
$("html, body").css("cursor", "auto");
}
}).data().kendoWindow.center().open();
}
Any ideas suggestions would be much appreciated.
The hyperlink to the web page can be from different projects so this is all dynamic.
I am having a problem that sometime the the last part of my URL is truncated.
Below is my code from when the grid row is selected:
When i alert my data variable the Url is correct:
http://test/Workflow/SetStatus/1
But when the iframe is loaded the /1 part is removed.
The iframne tries top navigate to: http://test/Workflow/SetStatus
I have no answer as to why this happens.
function TaskItemSelected(e) {
var sender = e.sender;
var model = sender.dataItem(sender.select());
if (!model) {
return;
}
var serialNumber = model.SerialNumber;
var data = model.Data;
alert(data);
$('html,body').css("cursor","wait");
var windowElement = $("<div />").attr("id", "taskdetailswindow").kendoWindow({
modal: true,
draggable: true,
position: {
top: 50,
bottom: 50
},
resizable: true,
width: "850px",
height: "500px",
title: "Task Details",
actions: [
"Close"
],
iframe: true,
content: data,
refresh: function () {
$('html, body').css("cursor", "auto");
},
close: function () {
$("html, body").css("cursor", "auto");
$("#TaskListGrid").data("kendoGrid").dataSource.read();
},
error: function () {
$("html, body").css("cursor", "auto");
}
}).data().kendoWindow.center().open();
}
Any ideas suggestions would be much appreciated.