Upon loading, the windows are there but hidden by default.
I thought I had it where a click of the button would toggle the window (hide/show), but it was only creating another instance.
What am I missing?
I thought I had it where a click of the button would toggle the window (hide/show), but it was only creating another instance.
What am I missing?
<div class=
"k-widget k-tabstrip k-header"
>
@* Window buttons. *@
<table style=
"width:100%"
>
<tr style=
"text-align:center"
>
<td><button id=
"inProgressBtn"
class=
"k-button"
>Work in Progress</button></td>
<td><button id=
"agingBtn"
class=
"k-button"
>Aging</button></td>
<td><button id=
"recentBtn"
class=
"k-button"
>Most Recent</button></td>
<td><button id=
"miscBtn"
class=
"k-button"
>Miscellaneous</button></td>
<td><button id=
"allBtn"
class=
"k-button"
>All Matters</button></td>
</tr>
</table>
</div>
@* Billable Work
In
Progress window. *@
<div id=
"inProgressDiv"
>
@(Html.Kendo.Window _
.Name(
"inProgressCWindow"
) _
.Title(
"Billable Work in Process"
) _
.Content(Html.Partial(
"_InProgressStatus"
, Model).ToHtmlString()) _
.Draggable _
.Width(300) _
.Visible(
False
) _
.Actions(
Function
(actions) actions.Close)
)
</div>
@* Aging window. *@
<div id=
"agingDiv"
>
@(Html.Kendo.Window _
.Name(
"agingCWindow"
) _
.Title(
"Accounts Receivable Aging"
) _
.Content(Html.Partial(
"_AgingStatus"
, Model).ToHtmlString()) _
.Draggable _
.Width(300) _
.Visible(
True
) _
.Actions(
Function
(actions) actions.Close)
)
</div>
@* Most recent window. *@
<div id=
"recentDiv"
>
@(Html.Kendo.Window _
.Name(
"recentCWindow"
) _
.Title(
"Most Recent"
) _
.Content(Html.Partial(
"_RecentStatus"
, Model).ToHtmlString()) _
.Draggable _
.Width(400) _
.Visible(
False
) _
.Actions(
Function
(actions) actions.Close)
)
</div>
@* Miscellaneous window. *@
<div id=
"miscDiv"
>
@(Html.Kendo.Window _
.Name(
"miscCWindow"
) _
.Title(
"Miscellaneous"
) _
.Content(Html.Partial(
"_MiscClientStatus"
, Model).ToHtmlString()) _
.Draggable _
.Width(300) _
.Visible(
False
) _
.Actions(
Function
(actions) actions.Close)
)
</div>
@* All window. *@
<div id=
"allDiv"
>
@(Html.Kendo.Window _
.Name(
"allCWindow"
) _
.Title(
"All Client"
) _
.Content(Html.Partial(
"_AllClientStatus"
, Model).ToHtmlString()) _
.Draggable _
.Visible(
False
) _
.Actions(
Function
(actions) actions.Close)
)
</div>
</div>
@* Scripts. *@
<script>
//Window functions.
$(document).ready(function () {
//Windows.
var inProgressCWindow = $(
"#inProgressCWindow"
);
var agingCWindow = $(
"#agingCWindow"
);
var recentCWindow = $(
"#recentCWindow"
);
var miscCWindow = $(
"#miscCWindow"
);
var allCWindow = $(
"#allCWindow"
);
$(
"#inProgressBtn"
).click(function (e) {
//Close windows.
agingCWindow.data(
"kendoWindow"
).close();
recentCWindow.data(
"kendoWindow"
).close();
miscCWindow.data(
"kendoWindow"
).close();
allCWindow.data(
"kendoWindow"
).close();
//Toggle.
if (inProgressCWindow.data(
"kendoWindow"
).element.is(
":hidden"
)) {
inProgressCWindow.data(
"kendoWindow"
).center();
inProgressCWindow.data(
"kendoWindow"
).open();
}
else {
inProgressCWindow.data(
"kendoWindow"
).close();
};
});
//Open aging window.
$(
"#agingBtn"
).click(function (e) {
//Close windows.
inProgressCWindow.data(
"kendoWindow"
).close();
recentCWindow.data(
"kendoWindow"
).close();
miscCWindow.data(
"kendoWindow"
).close();
allCWindow.data(
"kendoWindow"
).close();
//Toggle.
if (agingCWindow.data(
"kendoWindow"
).element.is(
":hidden"
)) {
agingCWindow.data(
"kendoWindow"
).center();
agingCWindow.data(
"kendoWindow"
).open();
}
else {
agingCWindow.data(
"kendoWindow"
).close();
};
});
//Open recent window.
$(
"#recentBtn"
).click(function (e) {
//Close windows.
inProgressCWindow.data(
"kendoWindow"
).close();
agingCWindow.data(
"kendoWindow"
).close();
miscCWindow.data(
"kendoWindow"
).close();
allCWindow.data(
"kendoWindow"
).close();
//Toggle.
if (recentCWindow.data(
"kendoWindow"
).element.is(
":hidden"
)) {
recentCWindow.data(
"kendoWindow"
).center();
recentCWindow.data(
"kendoWindow"
).open();
}
else {
recentCWindow.data(
"kendoWindow"
).close();
};
});
//Open misc. window.
$(
"#miscBtn"
).click(function (e) {
//Close windows.
inProgressCWindow.data(
"kendoWindow"
).close();
agingCWindow.data(
"kendoWindow"
).close();
recentCWindow.data(
"kendoWindow"
).close();
allCWindow.data(
"kendoWindow"
).close();
//Toggle.
if (miscCWindow.data(
"kendoWindow"
).element.is(
":hidden"
)) {
miscCWindow.data(
"kendoWindow"
).center();
miscCWindow.data(
"kendoWindow"
).open();
}
else {
miscCWindow.data(
"kendoWindow"
).close();
};
});
//Open all windows.
$(
"#allBtn"
).click(function (e) {
//Close windows.
inProgressCWindow.data(
"kendoWindow"
).close();
agingCWindow.data(
"kendoWindow"
).close();
recentCWindow.data(
"kendoWindow"
).close();
miscCWindow.data(
"kendoWindow"
).close();
//Toggle.
if (allCWindow.data(
"kendoWindow"
).element.is(
":hidden"
)) {
allCWindow.data(
"kendoWindow"
).center();
allCWindow.data(
"kendoWindow"
).open();
}
else {
allCWindow.data(
"kendoWindow"
).close();
};
});
});
</script>