I have a telerik popped up window. It opens fine; however, I am having an issue closing the window.
Here is the popup window:
here is the reference for the javascript:
Here is the JavaScript:
Here is the partial view :
Here is the popup window:
@{Html.Telerik().Window()
.Name("Window")
.Title("Student Window")
.LoadContentFrom(Url.Action("AddReason", "Reason", new { id = reasonID }, Request.Url.Scheme))
.ClientEvents(events => events
.OnClose("ClosingWindow")
)
.Draggable(false)
.Scrollable(false)
.Width(800)
.Height(600)
.Modal(true)
.Visible(false)
//.Effects(fx => fx
// .Zoom()
// .Opacity())
.Render();
}
here is the reference for the javascript:
<script src=
"@Url.Content("
~/Scripts/jquery-1.4.4.js
")"
type=
"text/javascript"
></script>
<script src=
"@Url.Content("
~/Scripts/jquery.validate.min.js
")"
type=
"text/javascript"
></script>
<script src=
"@Url.Content("
~/Scripts/jquery.validate.unobtrusive.min.js
")"
type=
"text/javascript"
></script>
<script src=
"@Url.Content("
~/Scripts/spin.min.js
")"
type=
"text/javascript"
></script>
Here is the JavaScript:
function
DoOpen(id) {
var
url =
'@Url.Action("AddReason","Reason")'
;
$.post(url, { id: id },
function
(data) {
var
window = $(
'#Window'
).data(
'tWindow'
).center();
window.content(data);
window.open();
});
}
//This javascript is in the main page
//I did an alert. alert(
//I did an alert. alert(
$(
'#Window'
)) and
alert($(
'#Window'
).data(
'tWindow'
)) they both return null
function
ClosingWindow() {
$(
'#Window'
).prop(
"checked"
,
"checked"
);
$(
'#Window'
).data(
'tWindow'
).close();
window.location.href = window.location.href;
}
Here is the partial view :
@model Student.Models.Reason
@using Student.Example
@{
ViewBag.Title = "Add Reason";
Layout = "~/Views/Shared/_PartialReason.cshtml";
}
<
script
type
=
"text/javascript"
>
function CloseWindow() {
// alert($("#Window").closest('.t-window').data('#tWindow'));
// $("#Window").data("tWindow").close();
$('#Window').prop("checked", "checked");
window.location.href = window.location.href;
}
</
script
>
@using (Html.BeginForm("AddReason", "Reason", FormMethod.Post))
{
@Html.ValidationSummary(true)
<
fieldset
>
<
div
class
=
"editor-field"
>
@(Html.Telerik().Editor()
.Name("EncountersArchive")
.HtmlAttributes(new { style = "height:310px;", id = "AddAReason" })
.Encode(true)
.Tools(
tools => tools
.Clear()
.Bold().Italic().Underline().Strikethrough().Subscript().Superscript().Separator()
.FontName().FontSize()
.FontColor().BackColor().Separator()
.JustifyLeft().JustifyCenter().JustifyRight().JustifyFull().Separator()
.InsertUnorderedList().InsertOrderedList().Separator()
.Indent().Outdent().Separator()
))
</
div
>
<
p
style
=
"text-align:center"
>
<
input
type
=
"submit"
value
=
"Reason"
id
=
"AddReasonID"
onclick
=
"CloseWindow()"
/>
</
p
>
</
fieldset
>
}