Jul 10, 2008, 2:24 PM
Javascript error when setting ext:Window's AutoLoad to aspx page
When ext:Window's AutoLoad property is set to an aspx page, IE 7 throws a javascript error when the page loads. If someone has an example of using ext:Window to load up a picker dialog and send the picked item back to the parent, I would really really appreciate it. This seems like a very simple and common scenario but I can not get it to work with ext:window.
Example:
Website with two aspx page, Default.aspx and DialogPicker.aspx
Default.aspx
Example:
Website with two aspx page, Default.aspx and DialogPicker.aspx
Default.aspx
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="Coolitewindow._Default" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" 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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptContainer ID="ScriptContainer1" runat="server">
<script type="text/javascript" language="javascript">
function setReturnValue(val) {
var txt = document.getElementById('txtPickedValue');
txt.value=val;
}
</script>
</ext:ScriptContainer>
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<asp:Button ID="btnPicker" runat="server" Text="Pick Something" />
<ext:TextField ID="txtPickedValue" runat="server">
</ext:TextField>
<ext:Window ID="winPicker" runat="server" Icon="DatabaseConnect" Title="Picker" Showonload="false"
AnimateTarget="btnPicker" TriggerElement="btnPicker" Modal="true" CloseAction="Hide"
Height="300px" Width="100px" AutoShow="false" AutoLoad="DialogPicker.aspx">
</ext:Window>
</form>
</body>
</html>
DialogPicker.aspx<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="DialogPicker.aspx.vb"
Inherits="Coolitewindow.DialogPicker" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" 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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptContainer ID="ScriptContainer1" runat="server">
<script type="text/javascript" language="javascript">
function returnValue() {
var parent = window.opener
parent.setReturnValue('Something was picked.');
self.close();
}
</script>
</ext:ScriptContainer>
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:Button ID="btnReturnValue" runat="server" Text="Return something">
<listeners>
<Click Handler="returnValue();" />
</listeners>
</ext:Button>
</form>
</body>
</html>