[CLOSED] Scolling GridPanel and not the container
I have a grid inside of a panel with a toolbar. Is there anyway to scroll the gridpanel contents instead of the entire page? In my example I would expect to see my toolbar stay fixed at the top of the page.
Code:
<%@ Page Language="vb" %>
<script runat="server">
Public Class Data
Property ID As Integer
Property Name As String
Property Description As String
End Class
<DirectMethod()>
Protected Sub btnRefresh_Click(sender As Object, e As DirectEventArgs)
End Sub
Private Function getData() As List(Of Data)
Dim retval As New List(Of Data)
For i As Integer = 1 To 100
retval.Add(New Data With {.ID = i, .Name = i.ToString, .Description = "testing " + i.ToString})
Next
Return retval
End Function
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not IsPostBack AndAlso Not Ext.Net.X.IsAjaxRequest Then
StoreModelHoldings.DataSource = getData()
StoreModelHoldings.DataBind()
End If
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Adhesion Manager Portal</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManagerControl" runat="server" />
<script type="text/javascript">
Ext.data.Connection.override({
timeout: 120000
});
Ext.Ajax.timeout = 120000;
Ext.net.DirectEvent.timeout = 120000;
</script>
<ext:XScript ID="XScript1" runat="server">
<script type="text/javascript">
Ext.EventManager.onWindowResize(function (w, h) {
#{OuterPanel}.doLayout(true);
});
</script>
</ext:XScript>
<ext:Panel ID="OuterPanel" Flex="1" runat="server" layout="FitLayout">
<Items>
<ext:Toolbar runat="server">
<Items>
<ext:TextField runat="server" ID="notifyOnExit" hidden="true"></ext:TextField>
<ext:Button ID="btnDonut" runat="server" Icon="ChartPie" ToolTip="Allocation Chart">
</ext:Button>
<ext:Label runat="server" Text="Weight:" StyleSpec="padding-top:2px"></ext:Label>
<ext:Label runat="server" ID="lblTotalWeight" Text="0.00%" StyleSpec="padding-top:2px"></ext:Label>
<ext:ToolbarSeparator runat="server" ></ext:ToolbarSeparator>
<ext:Label runat="server" ID="lblModelState" ></ext:Label>
<ext:ToolbarFill runat="server"></ext:ToolbarFill>
<ext:Button
ID="btnEditModel"
runat="server"
Text="Edit"
Icon="ApplicationEdit">
</ext:Button>
</Items>
</ext:Toolbar>
<ext:GridPanel ID="GridPanel1" runat="server" Icon="Report" Layout="FitLayout" AutoScroll="True" >
<Store>
<ext:Store ID="StoreModelHoldings" runat="server">
<Model>
<ext:Model runat="server" ID="modelModels" IDProperty="ID">
<Fields>
<ext:ModelField Name="ID"></ext:ModelField>
<ext:ModelField Name="Description"></ext:ModelField>
<ext:ModelField Name="Name"></ext:ModelField>
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:Column runat="Server" Flex="1" Text="Description" DataIndex="Description">
</ext:Column>
<ext:Column runat="Server" Text="Status" DataIndex="ID"></ext:Column>
<ext:Column runat="Server" Text="Type" DataIndex="Name"></ext:Column>
</Columns>
</ColumnModel>
</ext:GridPanel>
</Items>
</ext:Panel>
</form>
</body>
</html>
