Popup Mod
Popup Mod
default popup can be replaced by setting awe.popup
PopupDemo/PopupMod.cshtml
@{
ViewData["Title"] = "Popup Mod";
}
<h2>Popup Mod</h2>
<p class="expl">
default popup can be replaced by setting <code>awe.popup</code>
</p>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link href="@Url.Content(AUtil.CssDir() + "site.css")" rel="stylesheet" type="text/css" />
@section scripts {
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
}
<script>
function setPopup(p) {
awe.popup = function (o) {
if (o.tag && o.tag.DropdownPopup) {
return awem.dropdownPopup(o);
} else if (o.tag && o.tag.Inline) {
return awem.inlinePopup(o);
} else {
return p(o);
}
}
// close popups that were already opened with a different kind of popup
$('.awe-popup').each(function () {
if ($(this).data('api'))
$(this).data('api').destroy();
});
$('.awe-multilookup, .awe-lookup').each(function () { $(this).data('api').initPopup(); });
awe.flash($('#testArea'));
}
$(function () {
@*we need to load this after awem.js, which is referenced at the end of the page*@
$.getScript('@Url.Content(AUtil.JsDir() + "awem.extras.js")');
$('#btnBoot').click(function () {
setPopup(awemex.bootstrapPopup);
});
$('#btnAwe').click(function () {
setPopup(awem.dropdownPopup);
});
$('#btnInline').click(function () {
setPopup(awem.inlinePopup);
});
$('#btnUi').click(function () {
setPopup(awemex.uiPopup);
});
});
</script>
<button type="button" id="btnAwe" class="awe-btn">set awesome popup</button>
<button type="button" id="btnBoot" class="awe-btn">set bootstrap popup</button>
<button type="button" id="btnInline" class="awe-btn">set inline popup</button>
<button type="button" id="btnUi" class="awe-btn">set jQueryUI popup</button>
@(Html.Awe().InitPopup(new PopupOpt
{
Name = "popup1",
Url = Url.Action("Popup1"),
LoadOnce = true,
Title = "popup title",
Width = 500,
Height = 450
}))
<br />
<br />
<br />
<div id="testArea" style="padding: 1em 0;">
@Html.Awe().Button().Text("Open Popup").OnClick(Html.Awe().OpenPopup("popup1"))
</div>
<div class="tabs code">
<div data-caption="view">@Html.Source("PopupDemo/PopupMod.cshtml")</div>
</div>
Comments