Mar 13, 2017, 2:21 PM
[CLOSED] Deferred loading panel
Trying to load a page in a window on the click of a button using the example for deferred loading with Loader control. The window shows but the contents of the inner page do not. Not sure if it is loaded but can't see it or if it isn't loading.
Outer page:
Outer page:
<%@ Page Language="VB" %>
<script runat="server">
Public Sub btnSettings_Click(sender As Object, e As EventArgs)
pnlSettings.Show()
winSettings.Show()
End Sub
</script>
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager runat="server" />
<ext:Window ID="winSettings" runat="server" Hidden="true"
Width="500"
Height="500">
<Items>
<ext:Panel ID="pnlSettings" runat="server" Title="Account Settings" >
<Loader
runat="server"
Url="Settings.aspx"
Mode="Frame"
TriggerEvent="show"
ReloadOnEvent="true"
DisableCaching="true">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
</Items>
</ext:Window>
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
<Items>
<ext:Panel ID="pnlActions" runat="server"
Title="Actions"
BodyPadding="15"
Padding="10"
Flex="1"
>
<Items>
<ext:Button runat="server" ID="btnSettings" Text="Settings">
<DirectEvents>
<Click OnEvent="btnSettings_Click"></Click>
</DirectEvents>
</ext:Button>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Inner "Settings.aspx" page:<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<%--<ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout">
<Items>--%>
<ext:Panel Title="Settings one" runat="server" >
<items>
<ext:TabPanel
runat="server"
MarginSpec="0 0 20 0">
<Defaults>
<ext:Parameter Name="bodyPadding" Value="10" Mode="Raw" />
<ext:Parameter Name="autoScroll" Value="true" Mode="Raw" />
</Defaults>
<Items>
<ext:Panel
runat="server"
Title="Management"
AutoDataBind="true" >
<Items>
<ext:FormPanel runat="server" Title="Triggers" ID="plnCashTriggers" Padding="20" DefaultAnchor="100%"
Collapsible="true">
<Items>
<ext:NumberField ID="TriggerFloor" runat="server" labelwidth="200" FieldLabel="Trigger Floor" AllowBlank="false" Disabled="true" />
<ext:NumberField ID="TriggerTarget" runat="server" labelwidth="200" FieldLabel="Trigger Target" AllowBlank="false" Disabled="true" />
<ext:NumberField ID="TriggerCeiling" runat="server" labelwidth="200" FieldLabel="Trigger Ceiling" AllowBlank="false" Disabled="true" />
<ext:SelectBox ID="TriggerType" runat="server" labelwidth="200" FieldLabel="Trigger Type" SelectedIndex="0" AllowBlank="false" Disabled="true">
<Items>
<ext:ListItem Text="Percent (%)" Value="percent" />
<ext:ListItem Text="Dollar ($)" Value="dollar" />
</Items>
</ext:SelectBox>
</Items>
</ext:FormPanel>
<ext:FormPanel runat="server" Title="Withdrawals" Padding="20" DefaultAnchor="100%" Collapsible="true">
<Items>
<ext:FieldSet runat="server" Title="Primary Withdrawal" DefaultAnchor="100%" Padding="10" LabelWidth="120">
<Items>
<ext:DateField ID="WithdrawalStartDate" runat="server" FieldLabel="Start Date" AllowBlank="false" Disabled="true" />
<ext:SelectBox ID="WithdrawalFreq" runat="server" FieldLabel="Frequency" AllowBlank="false" Disabled="true">
<Store>
<ext:Store ID="WithdrawalFreqStore" runat="server">
<Reader>
<ext:JsonReader IDProperty="value">
</ext:JsonReader>
</Reader>
<Fields>
<ext:ModelField Name="value" Type="Int" />
<ext:ModelField Name="text" />
</Fields>
</ext:Store>
</Store>
</ext:SelectBox>
<ext:NumberField ID="WithdrawalAmount" runat="server" FieldLabel="Amount ($)" AllowBlank="false" Disabled="true" AllowDecimals="true" AllowNegative="false" MinValue="1" />
<ext:Checkbox ID="IncludeWithholdingPrimary" runat="server" FieldLabel="Include Withholding" />
</Items>
</ext:FieldSet>
</Items>
</ext:FormPanel>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</items>
</ext:Panel>
<%-- </Items>
</ext:Viewport>--%>
</body>
</html>
Last edited by fabricio.murta; Mar 14, 2017 at 2:33 PM.