PDA

View Full Version : Editing GridPanel cells auto scrolls to the right when tabbing out from the active editor



alco
Feb 12, 2009, 7:38 AM
When editing a cell inside the grid and tabbing into the next cell, the grid auto scrolls to the right of the window.

When the active cell is in the last column and you tab out, the grid auto scrolls to the left, showing all the columns again.

All the columns fit inside the window just fine, except when the window is resized.



<ext:Window ID="winRights"
runat="server"
Title="Rights"
Show&#111;nload="false"
Width="700"
Height="500"
Maximizable="true"
Modal="true">
<Body>
<ext:FitLayout ID="FitLayout1" runat="server">
<ext:GridPanel ID="gridRights" runat="server" StoreID="storeRights"
AutoExpandColumn="name"
AutoWidth="false"
AutoHeight="false"
StripeRows="true"
Border="false"
Header="true"
>
<ColumnModel ID="cmRights" runat="server">
<Columns>
<ext:RowNumbererColumn>
</ext:RowNumbererColumn>
<ext:Column ColumnID="name" Header="Rights" DataIndex="name">
<Editor>
<ext:TextField ID="txtName" runat="server" AllowBlank="false" />
</Editor>
</ext:Column>
<ext:Column ColumnID="tag" Header="Tag" DataIndex="tag">
<Editor>
<ext:TextField ID="txtTag" runat="server" />
</Editor>
</ext:Column>
<ext:Column ColumnID="displayOrder" Header="Display Order" DataIndex="display_order">
<Editor>
<ext:TextField ID="txtDisplayOrder" runat="server" />
</Editor>
</ext:Column>
<ext:Column DataIndex="checkedoutby" Header="Status">
<Renderer Fn="maintCheckoutColRenderer" />
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
</SelectionModel>
<LoadMask ShowMask="true" />
<SaveMask ShowMask="true" />
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:Window>


Also, I noticed that when you tab into the last cell and pressed Esc, the grid gets stuck to showing only the last few columns, leaving a wide space on the right side of the window. Scrolling up/down using arrow keys horizontally scrolls the columns back in view.