Sep 28, 2008, 1:37 PM
[CLOSED] UpdatePanel and SelectionModel
Hello,
I've found a problem with the SelectionModel and remembering between postbacks (fixed in this URL: http://forums.ext.net/showthread.php...2186-16-1.aspx) while looking for a bigger problem I'm having with the UpdatePanel.
Example.aspx:
1. Load page, click Tab 2
2. Check a row
3. Switch to Tab 1
4. Switch back to Tab 2
5. The selection was forgotten
6. Now remove the update panel, repeat steps 1 to 5 and it works
Cheers,
Timothy
I've found a problem with the SelectionModel and remembering between postbacks (fixed in this URL: http://forums.ext.net/showthread.php...2186-16-1.aspx) while looking for a bigger problem I'm having with the UpdatePanel.
Example.aspx:
<%@ Page Language="C#" %>
<%@ 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">
<script runat="server">
protected override void OnInit(EventArgs e)
{
Control control = Page.LoadControl("Example-Control.ascx");
UserControl.Controls.Add(control);
base.OnInit(e);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Example</title>
</head>
<body>
<p><a href="Example.aspx">Reload</a></p>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" EnablePartialRendering="True" />
<ext:ScriptManager runat="server" StateProvider="PostBack" />
<asp:UpdatePanel runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:PlaceHolder ID="UserControl" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
Example-Control.ascx:<%@ Control Language="C#" ClassName="Example_Control" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
Permissions.DataSource = new object[] {
new object[] { 1, "Permission", "Permission 1" },
new object[] { 2, "Permission", "Permission 2" },
new object[] { 3, "Permission", "Permission 3" },
new object[] { 4, "Permission", "Permission 4" },
new object[] { 5, "Permission", "Permission 5" },
new object[] { 6, "Permission", "Permission 6" }
};
Permissions.DataBind();
}
</script>
<ext:Store ID="Permissions"
runat="server"
AutoLoad="True"
GroupField="GroupingName">
<Reader>
<ext:ArrayReader ReaderID="PermissionId">
<Fields>
<ext:RecordField Name="PermissionId" />
<ext:RecordField Name="GroupingName" />
<ext:RecordField Name="DisplayName" />
</Fields>
</ext:ArrayReader>
</Reader>
<SortInfo Field="DisplayName" />
</ext:Store>
<ext:TabPanel ID="TabPanel1" runat="server" AutoPostBack="True" DeferredRender="True">
<Tabs>
<ext:Tab ID="Tab1" runat="server" Title="Tab 1" AutoHeight="True">
<Content>
Tab 1
</Content>
</ext:Tab>
<ext:Tab ID="Tab2" runat="server" Title="Tab 2" AutoHeight="True">
<Content>
<ext:GridPanel ID="GridPanel"
runat="server"
StoreID="Permissions"
AutoExpandColumn="DisplayName"
AutoHeight="True"
StripeRows="True"
Width="300">
<ColumnModel>
<Columns>
<ext:Column ColumnID="GroupingName" DataIndex="GroupingName" Header="Group" />
<ext:Column ColumnID="DisplayName" DataIndex="DisplayName" Header="Permission" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CheckboxSelectionModel ID="PermissionSelection" runat="server" />
</SelectionModel>
</ext:GridPanel>
Tab 2
</Content>
</ext:Tab>
</Tabs>
</ext:TabPanel>
Replication steps:1. Load page, click Tab 2
2. Check a row
3. Switch to Tab 1
4. Switch back to Tab 2
5. The selection was forgotten
6. Now remove the update panel, repeat steps 1 to 5 and it works
Cheers,
Timothy