I have a partial view that contains a TabStrip and each that contains a grid. The view works, it's currently in a different page and I'd like to move it to a kendo window.
I've moved it to a kendo window and the window displays great.
Here's the code that generates my window (please note the variable names have been changed for this).
var window = $(
"#window"
).kendoWindow({
content: {
url:
"/Case/CaseDetail"
,
data: {
Daid: Daid,
CaseID: CaseID,
RecordID: RecordID,
CanUserView: cuv,
OffenseCount: OffenseCount,
CoDefendantCount: CoDefendantCount,
VWCount: VWCount,
InternalProcessCount: InternalProcessCount,
ChargeDispositionCount: ChargeDispositionCount,
SentenceCount: SentenceCount,
OtherCaseCount: OtherCaseCount
}
},
actions: [
"Pin"
,
"Minimize"
,
"Maximize"
,
"Close"
],
// close: onClose
});
window.kendoWindow().data(
"kendoWindow"
).center().open()
The window appears and the tabs are visible, the content of the 1st tab is loaded via an AJAX call that is never executed (so no content) and none of the tabs are functional when I click on it.
When I look at the page source I can see that the window was rendered as text and all associated javascript is actual text and not, all the scripts related seem to be escaped, here's an example of some rendered content:
<
script
type
=
"text/javascript"
>
function ProcessErrorO(args) {
ProcessError(args, 'O_grid_' + '#= RecordID #');
}
<\/script>
Any help would be appreciated.
Thanks