Hi Randy,
I've added a new property called <AutoLoad2> for your testing purposes. The property will be renamed to just <AutoLoad> once we finish testing.
At this point I haven't been able to put together a more involved example, but I did convert your original sample and tightened things up.
Example (Parent)
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<script runat="server">
protected void Button1_Click(object sender, AjaxEventArgs e)
{
LoadConfig2 config = new LoadConfig2("Child.aspx");
config.Params.Add(new Coolite.Ext.Web.Parameter("value", "5"));
config.Params.Add(new Coolite.Ext.Web.Parameter("text", "Five"));
config.Callback = "ViewPort1.syncSize();";
this.Panel1.Load2(config);
}
</script>
<!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 id="Head1" runat="server">
<title></title>
<script type="text/javascript">
var ComboBox1_Select = function(el) {
console.log(el);
Panel1.load({
url: "Child.aspx",
params: el.getSelectedItem(),
callback: function() { ViewPort1.syncSize(); }
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager" runat="server" />
<ext:ViewPort ID="ViewPort1" runat="server">
<Body>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North Collapsible="True" Split="True">
<ext:Panel
ID="Panel1"
runat="server"
AutoHeight="true"
Title="North"
BodyStyle="padding:6px;">
<AutoLoad2 Url="Child.aspx" Callback="ViewPort1.syncSize();">
<Params>
<ext:Parameter Name="Text" Value="InitLoad" />
<ext:Parameter Name="Count" Value="2" />
</Params>
</AutoLoad2>
<Buttons>
<ext:Button ID="Button1" runat="server" Text="Add Five(5) Rows" Icon="Add">
<AjaxEvents>
<Click OnEvent="Button1_Click" />
</AjaxEvents>
</ext:Button>
</Buttons>
</ext:Panel>
</North>
<Center>
<ext:Panel
ID="Panel2"
runat="server"
Title="Center"
BodyStyle="padding:6px;">
<Body>
<ext:FormLayout ID="FormLayout1" runat="server">
<ext:Anchor>
<ext:ComboBox
ID="ComboBox1"
runat="server"
FieldLabel="Number of Rows">
<Items>
<ext:ListItem Text="One" Value="1" />
<ext:ListItem Text="Two" Value="2" />
<ext:ListItem Text="Four" Value="4" />
<ext:ListItem Text="Six" Value="6" />
<ext:ListItem Text="Eight" Value="8" />
</Items>
<Listeners>
<Select Fn="ComboBox1_Select" />
</Listeners>
</ext:ComboBox>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Body>
</ext:ViewPort>
</form>
</body>
</html>
Example (Child)
<%@ Page Language="C#" %>
<script type="text/C#" runat="server">
protected void Page_Init(object sender, EventArgs e)
{
string text = !string.IsNullOrEmpty(Request.Params["text"]) ? Request.Params["text"] : "NoText" ;
int count = int.Parse(!string.IsNullOrEmpty(Request.Params["value"]) ? Request.Params["value"] : "3" );
string msg = string.Format("Selection=[{0}]", text);
for (int i = 0; i < count; i++)
{
HtmlGenericControl div = new HtmlGenericControl("div");
div.InnerText = msg;
this.Controls.Add(div);
}
}
</script>
I'll be continueing to work on the .AutoLoad/AutoLoad2 property over the next couple days.
Hope this helps.
