InstantForum.NET v4.1.4Coolite Forumshttp://coolite.com/forums/do-not-reply@coolite.comTue, 06 Jan 2009 14:17:57 GMT20http://coolite.com/forums/Topic891-5-1.aspx Hi<span><span><span id="ctl10_ctlTopic"> jchau,<br><br>I'll investigate what's wrong in AutoLoad and then inform you. For now I can suggest next solution for picker functionality:<br><br>PickerExample.aspx<br></span></span></span>[code]<br>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PickerExample.aspx.cs" Inherits="Coolite.Sandbox.Temp.Pickup.PickerExample" %&gt;<br>&lt;%@ Register assembly="Coolite.Ext.Web" namespace="Coolite.Ext.Web" tagprefix="ext" %&gt;<br>&lt;%@ Register src="PickupDialogControl.ascx" tagname="PickupDialogControl" tagprefix="uc1" %&gt;<br>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br><br>&lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;<br>&lt;head runat="server"&gt;<br> &lt;title&gt;The Picker&lt;/title&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br> &lt;form id="form1" runat="server"&gt;<br> <br> &lt;script type="text/javascript"&gt;<br> function setTextField(value){<br> &lt;%= TextField1.ClientID %&gt;.setValue(value);<br> }<br> &lt;/script&gt;<br> <br> &lt;ext:ScriptManager ID="ScriptManager1" runat="server" /&gt;<br> &lt;br /&gt;<br> &lt;table&gt;<br> &lt;tr&gt;<br> &lt;td&gt;<br> &lt;ext:TextField ID="TextField1" ReadOnly="true" runat="server" /&gt;<br> &lt;/td&gt;<br> &lt;td&gt;<br> &lt;ext:Button ID="Button1" runat="server" Text="Pick value" AutoPostBack="false"&gt;<br> &lt;Listeners&gt;<br> &lt;Click Handler="PickerDemo.pickValue({TextField1}.getValue(), setTextField);" /&gt;<br> &lt;/Listeners&gt;<br> &lt;/ext:Button&gt;<br> &lt;/td&gt;<br> &lt;/tr&gt;<br> &lt;/table&gt;<br> &lt;uc1:PickupDialogControl ID="PickupDialogControl1" runat="server" /&gt;<br> &lt;/form&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;<br><br>[/code]<br><span><span><span id="ctl10_ctlTopic"><br>PickupDialogControl.ascx<br></span></span></span>[code]<br>&lt;%@ Control Language="C#" AutoEventWireup="true" CodeBehind="PickupDialogControl.ascx.cs" Inherits="Coolite.Sandbox.Temp.Pickup.PickupDialogControl" %&gt;<br>&lt;%@ Register assembly="Coolite.Ext.Web" namespace="Coolite.Ext.Web" tagprefix="ext" %&gt;<br><br>&lt;script type="text/javascript"&gt;<br> Ext.namespace('PickerDemo');<br> <br> PickerDemo.callback = Ext.emptyFn;<br> <br> PickerDemo.pickValue = function(selectedValue, callback){<br> var picker = &lt;%= WindowPicker.ClientID %&gt;;<br> <br> if(selectedValue &amp;&amp; selectedValue != null){<br> PickerDemo.setValue(selectedValue);<br> }<br> if(PickerDemo.callback &amp;&amp; PickerDemo.callback != null){<br> PickerDemo.callback = callback;<br> }<br> else{<br> PickerDemo.callback = Ext.emptyFn;<br> }<br> <br> picker.show(null);<br> };<br> <br> PickerDemo.returnValue = function(){<br> var picker = &lt;%= WindowPicker.ClientID %&gt;;<br> PickerDemo.callback(PickerDemo.getValue());<br> picker.hide(null);<br> };<br> <br> PickerDemo.cancel = function(){<br> var picker = &lt;%= WindowPicker.ClientID %&gt;;<br> picker.hide(null);<br> };<br> <br> PickerDemo.getValue = function(){<br> var radioButtons = &#100;ocument.getElementsByName("&lt;%= RadioButtonList1.UniqueID %&gt;");<br> <br> for (var i = 0; i &lt; radioButtons.length; i++) {<br> if (radioButtons[i].checked) {<br> return radioButtons[i].value;<br> }<br> } <br> return '';<br> };<br> <br> PickerDemo.setValue = function(value){<br> var radioButtons = &#100;ocument.getElementsByName("&lt;%= RadioButtonList1.UniqueID %&gt;");<br> <br> for (var i = 0; i &lt; radioButtons.length; i++) {<br> if (radioButtons[i].value == value) {<br> radioButtons[i].checked = true;<br> return;<br> }<br> } <br> radioButtons[0].checked = true; <br> }<br>&lt;/script&gt;<br><br>&lt;ext:Window <br> ID="WindowPicker" runat="server"<br> Icon="DatabaseConnect"<br> Title="Picker"<br> Show&#111;nload="false"<br> Modal="true"<br> Height="180"&gt;<br> &lt;Content&gt;<br> &lt;asp:RadioButtonList ID="RadioButtonList1" runat="server"&gt;<br> &lt;asp:ListItem Value="Option 1" Text="Option 1" Selected="True"&gt;&lt;/asp:ListItem&gt;<br> &lt;asp:ListItem Value="Option 2" Text="Option 2"&gt;&lt;/asp:ListItem&gt;<br> &lt;asp:ListItem Value="Option 3" Text="Option 3"&gt;&lt;/asp:ListItem&gt;<br> &lt;asp:ListItem Value="Option 4" Text="Option 4"&gt;&lt;/asp:ListItem&gt;<br> &lt;asp:ListItem Value="Option 5" Text="Option 5"&gt;&lt;/asp:ListItem&gt;<br> &lt;/asp:RadioButtonList&gt;<br> &lt;/Content&gt;<br> &lt;Buttons&gt;<br> &lt;ext:Button ID="btnOkPicker" runat="server" Text="OK" AutoPostBack="false"&gt;<br> &lt;Listeners&gt;<br> &lt;Click Handler="PickerDemo.returnValue();" /&gt;<br> &lt;/Listeners&gt;<br> &lt;/ext:Button&gt;<br> &lt;ext:Button ID="btnCancelPicker" runat="server" Text="Cancel" AutoPostBack="false"&gt;<br> &lt;Listeners&gt;<br> &lt;Click Handler="PickerDemo.cancel();" /&gt;<br> &lt;/Listeners&gt;<br> &lt;/ext:Button&gt;<br> &lt;/Buttons&gt;<br>&lt;/ext:Window&gt;<br><br>[/code]<br><span><span><span id="ctl10_ctlTopic"><br>Let me know if this example is not what you wish.<br><br>Best regards,<br>Vladimir<br></span></span></span>Fri, 11 Jul 2008 06:41:36 GMTvladschhttp://coolite.com/forums/Topic891-5-1.aspx<br>This is how I use to set AutoLoad from CodeBehind.<br><br><br><span><span><span id="ctl10_ctlTopic"><span id="ctl10_ctlTopic_ctlPanelBar_ctlTopicsRepeater_ctl06_lblFullMessage">Default.aspx.cs (following your sample file name - ID &amp; sid are just for example)</span></span></span></span><br><br>[code]<br> protected void Page_Load(object sender, EventArgs e)<br> {<br> string sid = Request.QueryString["sid"];<br> string ID = Request.QueryString["ID"];<br> winPicker.AutoLoad = "<span><span><span id="ctl10_ctlTopic"><span id="ctl10_ctlTopic_ctlPanelBar_ctlTopicsRepeater_ctl06_lblFullMessage">DialogPicker.aspx</span></span></span></span>?ID=" + ID + "&amp;sid=" + sid;<br> }<br>[/code]<br>Thu, 10 Jul 2008 16:33:58 GMTDiabolicushttp://coolite.com/forums/Topic891-5-1.aspxAnother question. Why does ext:Window load the url specified when the page loads? Shouldn't it load the url when it is shown? Is it possible to dynamically set that AutoLoad property? For example, I want to dynamically set the query string parameter for that url before the window is shown.<br>Thu, 10 Jul 2008 10:36:02 GMTjchauhttp://coolite.com/forums/Topic891-5-1.aspx 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:&#119;indow. <br><br>Example:<br><br>Website with two aspx page, Default.aspx and DialogPicker.aspx<br><br>Default.aspx<br>[code]<br>&lt;%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="Coolite&#119;indow._Default" %&gt;<br><br>&lt;%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %&gt;<br>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;<br>&lt;head runat="server"&gt;<br> &lt;title&gt;Untitled Page&lt;/title&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br> &lt;form id="form1" runat="server"&gt;<br> &lt;ext:ScriptContainer ID="ScriptContainer1" runat="server"&gt;<br><br> &lt;script type="text/javascript" language="javascript"&gt;<br> function setReturnValue(val) {<br> var txt = &#100;ocument.getElementById('txtPickedValue');<br> txt.value=val;<br> }<br> &lt;/script&gt;<br><br> &lt;/ext:ScriptContainer&gt;<br> &lt;ext:ScriptManager ID="ScriptManager1" runat="server"&gt;<br> &lt;/ext:ScriptManager&gt;<br> &lt;div&gt;<br> &lt;asp:Button ID="btnPicker" runat="server" Text="Pick Something" /&gt;<br> &lt;ext:TextField ID="txtPickedValue" runat="server"&gt;<br> &lt;/ext:TextField&gt;<br> &lt;ext:Window ID="winPicker" runat="server" Icon="DatabaseConnect" Title="Picker" Show&#111;nload="false"<br> AnimateTarget="btnPicker" TriggerElement="btnPicker" Modal="true" CloseAction="Hide"<br> Height="300px" Width="100px" AutoShow="false" AutoLoad="DialogPicker.aspx"&gt;<br> &lt;/ext:Window&gt;<br> &lt;/div&gt;<br> &lt;/form&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;<br><br>[/code]<br><br>DialogPicker.aspx<br>[code]<br>&lt;%@ Page Language="vb" AutoEventWireup="false" CodeBehind="DialogPicker.aspx.vb"<br> Inherits="Coolite&#119;indow.DialogPicker" %&gt;<br><br>&lt;%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %&gt;<br>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;<br>&lt;head runat="server"&gt;<br> &lt;title&gt;Untitled Page&lt;/title&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br> &lt;form id="form1" runat="server"&gt;<br> &lt;ext:ScriptContainer ID="ScriptContainer1" runat="server"&gt;<br><br> &lt;script type="text/javascript" language="javascript"&gt;<br> function returnValue() {<br> var parent = &#119;indow.opener<br> parent.setReturnValue('Something was picked.');<br> self.close();<br> }<br> &lt;/script&gt;<br><br> &lt;/ext:ScriptContainer&gt;<br> &lt;ext:ScriptManager ID="ScriptManager1" runat="server"&gt;<br> &lt;/ext:ScriptManager&gt;<br> &lt;div&gt;<br> &lt;ext:Button ID="btnReturnValue" runat="server" Text="Return something"&gt;<br> &lt;listeners&gt;<br> &lt;Click Handler="returnValue();" /&gt;<br> &lt;/listeners&gt;<br> &lt;/ext:Button&gt;<br> &lt;/div&gt;<br> &lt;/form&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;<br>[/code]<br>Thu, 10 Jul 2008 10:24:18 GMTjchau