Oct 13, 2011, 2:55 PM
[CLOSED] Window (X) close is not firing
Hi,
I would like to execute same statement from close button and also window (X) close. The same statement written in both places but, only close button is working. In case if I place alert message in Window (X) close function it is showing but the statement written for specific function is not working. Can you please let me know where I have to modify?
Parent form code...
I would like to execute same statement from close button and also window (X) close. The same statement written in both places but, only close button is working. In case if I place alert message in Window (X) close function it is showing but the statement written for specific function is not working. Can you please let me know where I have to modify?
Parent form code...
<%@ Page Language="VB" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript">
var OpenTestWindow = function (idVal) {
var windowConfig = {
id: "WinTestScreen",
height: 520,
width: 800,
hidden: false,
title: "New Window",
//closeAction: "hide",
buttonAlign: "center",
iconCls: "icon-userstar",
listeners: {
hide: {
fn: function (el, e) {
alert("X Clicked");
parent.parent.Ext.getCmp('WinTestScreen').getBody().btnSaveInfo.fireEvent('click');
//parent.parent.Ext.getCmp('WinTestScreen').hide();
}
}
},
buttons: [
{
id: "btnSaveUser",
text: "Save ",
iconCls: "icon-disk",
listeners: {
click: {
fn: function (el, e) {
parent.parent.Ext.getCmp('WinTestScreen').getBody().btnSaveInfo.fireEvent('click');
}
}
}
},
{
id: "btnUserProfileClose",
text: "Close",
listeners: {
click: {
fn: function (el, e) {
parent.parent.Ext.getCmp('WinTestScreen').getBody().btnSaveInfo.fireEvent('click');
//parent.parent.Ext.getCmp('WinTestScreen').hide();
}
}
}
}
],
autoLoad: {
url: "ExtEmptyTest.aspx?" + new Date().getTime(),
nocache: true,
mode: "iframe",
showMask: true,
triggerEvent: "show",
reloadOnEvent: true
}
}
renderWindow(windowConfig);
}
var renderWindow = function (windowConfig) {
var win = Ext.getCmp(windowConfig.id);
if (!win) {
new Ext.Window(windowConfig);
} else {
win.close();
new Ext.Window(windowConfig);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Button ID="btnLogin" runat="server" Text="Login">
<Listeners>
<Click Handler="OpenTestWindow('new')" />
</Listeners>
</ext:Button>
</form>
</body>
</html>
Popup window code...
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ExtEmptyTest.aspx.vb" Inherits="Testing_ExtEmptyTest" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager" runat="server" />
<ext:Viewport ID="Viewport1" runat="server" Layout="Border">
<Items>
<ext:Panel ID="pnlUA" runat="server" Border="true" Region="Center" Layout="BorderLayout"
BodyStyle="background-color:#d9d9d9" Margins="5,5,5,5">
<Items>
<ext:FormPanel ID="pnlUAInput" runat="server" MonitorResize="true" Border="false"
BodyStyle="background-color:#d9d9d9" Region="Center" Margins="5,5,5,5" HideLabel="true">
<Items>
<ext:BoxComponent ID="BoxComponent4" Height="5" runat="server">
</ext:BoxComponent>
<ext:Container ID="Container3" runat="server" Layout="ColumnLayout" AnchorHorizontal="100%">
<Items>
<ext:Container ID="Container8" ColumnWidth="1" runat="server" Layout="BorderLayout"
Height="350" AnchorHorizontal="100%" StyleSpec="background:#d9d9d9">
<Items>
<ext:FieldSet ID="FieldSet2" runat="server" Region="Center" Collapsible="false" Title="User Agreement"
Layout="FormLayout" LabelWidth="5" LabelAlign="Right">
<Items>
<ext:BoxComponent ID="BoxComponent5" Height="5" runat="server">
</ext:BoxComponent>
<ext:CompositeField ID="CompositeField8" runat="server" FieldLabel="" HideLabel="true"
LabelAlign="Right" Height="330">
<Items>
<ext:TextArea ID="txtUserAgreement" Height="320" runat="server" Flex="2">
</ext:TextArea>
</Items>
</ext:CompositeField>
</Items>
</ext:FieldSet>
</Items>
</ext:Container>
</Items>
</ext:Container>
</Items>
</ext:FormPanel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
<div style="display: none">
<ext:Button ID="btnSaveInfo" runat="server" Text="Save">
<DirectEvents>
<Click OnEvent="SaveInfo">
<EventMask ShowMask="true" Msg="Saving..." MinDelay="1000" />
</Click>
</DirectEvents>
</ext:Button>
<ext:TextField ID="txtTabID" runat="server">
</ext:TextField>
</div>
</form>
</body>
</html>
Code behind...
Imports Ext.Net
Partial Class Testing_ExtEmptyTest
Inherits System.Web.UI.Page
Public Sub SaveInfo(ByVal sender As Object, ByVal e As DirectEventArgs)
Ext.Net.X.Msg.Alert("Check", "Check info").Show()
End Sub
End Class
Last edited by Daniil; Oct 18, 2011 at 1:35 PM.
Reason: [CLOSED]