Mar 04, 2013, 1:42 PM
[FIXED] [#158] [2.x] Grid horizontal scrollbar jumps back to beginning when selecting a record
Move scrollbar all the way to the right. Select a row. Scrollbar jumps back to the left. This does not happen in 1.x. It can lead to frustrating user experience when you are trying to look at right most columns and selecting different records.
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not IsPostBack Then
LoadGrid()
End If
End Sub
Protected Function GetTestData(param As String) As Generic.List(Of Object)
Dim list As New System.Collections.Generic.List(Of Object)
For i As Integer = 0 To 5
list.Add(New With {.Key = Guid.NewGuid(), .StringColumn = param & i.ToString(), .DescColumn = "Description " & i.ToString(), .DateColumn = DateTime.Now(), .NumericColumn = i})
Next
Return list
End Function
Protected Sub LoadGrid()
Me.storePageLoad.DataSource = GetTestData("Item")
Me.storePageLoad.DataBind()
End Sub
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" />
<ext:GridPanel runat="server" ID="gridPageLoad" Height="200" Width="500">
<Store>
<ext:Store runat="server" ID="storePageLoad">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="StringColumn">
</ext:ModelField>
<ext:ModelField Name="DateColumn" Type="Date">
</ext:ModelField>
<ext:ModelField Name="NumericColumn" Type="Float">
</ext:ModelField>
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:RowNumbererColumn ID="RowNumbererColumn1" runat="server" Locked="true">
</ext:RowNumbererColumn>
<ext:Column ID="Column1" runat="server" Text="String" DataIndex="StringColumn" Width="250"
Locked="true">
</ext:Column>
<ext:DateColumn ID="DateColumn1" runat="server" Text="Date" DataIndex="DateColumn"
Width="250">
</ext:DateColumn>
<ext:NumberColumn ID="NumberColumn1" runat="server" Text="Number" DataIndex="NumericColumn"
Width="150">
</ext:NumberColumn>
</Columns>
</ColumnModel>
</ext:GridPanel>
</form>
</body>
</html>
Last edited by fabricio.murta; Apr 26, 2016 at 10:41 PM.