Apr 24, 2013, 4:23 PM
[OPEN] [#219] Editor of GridPanel goes off grid when "Tab" is pressed or window is maximized
Hi, I'm using ExtJS version 4.2.0.663 and Ext.net version 2.2.0. IE browser. After running the code below, follow this steps:
1. Click on a cell.
2. Press "Tab" a few times.
3. Notice the cell goes off the grid. (See attachment)
Another way to reproduce this:
1. Click on a cell to edit a value.
2. Expand the window.
3. Notice the cell is off the grid.
Not reproducible in Chrome or Firefox.
1. Click on a cell.
2. Press "Tab" a few times.
3. Notice the cell goes off the grid. (See attachment)
Another way to reproduce this:
1. Click on a cell to edit a value.
2. Expand the window.
3. Notice the cell is off the grid.
Not reproducible in Chrome or Firefox.
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim list = New List(Of NewObj)()
For i As Integer = 0 To 30
Dim obj = New NewObj()
obj.Name = "Item " & i.ToString
obj.ID = i
obj.Number = CInt(Int((1000 - 0 + 1) * Rnd() + 0))
obj.Text = ""
list.Add(obj)
Next
Me.Store1.DataSource = list
Me.Store1.DataBind()
End Sub
Class NewObj
Private _ID As Integer
Public Property ID() As Integer
Get
Return _ID
End Get
Set(ByVal value As Integer)
_ID = value
End Set
End Property
Private _Name As String
Public Property Name() As String
Get
Return _Name
End Get
Set(ByVal value As String)
_Name = value
End Set
End Property
Private _Number As Integer
Public Property Number() As Integer
Get
Return _Number
End Get
Set(ByVal value As Integer)
_Number = value
End Set
End Property
Private _Text As String
Public Property Text() As String
Get
Return _Text
End Get
Set(ByVal value As String)
_Text = value
End Set
End Property
End Class
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Test Page </title>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
</script>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" Theme="Gray"
DisableViewState="true" />
<ext:Viewport runat="server" ID="asd" Layout="FitLayout">
<Items>
<ext:GridPanel ID="GridPanel1" runat="server" Width="600" Height="300" Title="Test">
<Store>
<ext:Store ID="Store1" runat="server">
<Model>
<ext:Model ID="Model1" runat="server" IDProperty="ID">
<Fields>
<ext:ModelField Name="ID" Type="String" />
<ext:ModelField Name="Name" Type="String" />
<ext:ModelField Name="Number" Type="String" />
<ext:ModelField Name="Text" Type="String" />
</Fields>
</ext:Model>
</Model>
<Sorters>
<ext:DataSorter Property="Name" Direction="ASC" />
</Sorters>
</ext:Store>
</Store>
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Text="Add" />
</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ID="Column1" runat="server" Text="ID" DataIndex="ID" Width="300">
<Editor>
<ext:TextField ID="TextField1" runat="server" AllowBlank="false" />
</Editor>
</ext:Column>
<ext:Column ID="Column2" runat="server" Text="Name" DataIndex="Name" Width="300">
<Editor>
<ext:TextField ID="TextField2" runat="server" AllowBlank="false" />
</Editor>
</ext:Column>
<ext:Column ID="Column3" runat="server" Text="Number" DataIndex="Number" Width="300">
<Editor>
<ext:TextField ID="TextField3" runat="server" AllowBlank="false" />
</Editor>
</ext:Column>
<ext:Column ID="Column4" runat="server" Text="Text" DataIndex="Text" Width="300">
<Editor>
<ext:TextField ID="TextField4" runat="server" AllowBlank="false" />
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CellSelectionModel ID="CellSelectionModel1" runat="server" />
</SelectionModel>
<Plugins>
<ext:CellEditing ID="CellEditing1" runat="server" ClicksToEdit="1" />
</Plugins>
</ext:GridPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by Daniil; Apr 29, 2013 at 4:03 AM.
Reason: [OPEN] [#219]